次のコードはes5に相当するものは何ですか？

Question

次のコードはes5に相当するものは何ですか？

constructor(props) { 
    super(props); 

    this.state = { ...this.props }; 
} 

Answer 1

> = ES6構文を使用しないと、そのコードはこのようになります。

function MyComponent(props) { 
    // super(props) 
    React.Component.call(this, props); 

    // this.state = { ...this.props }; 
    this.state = Object.assign({}, props); 
} 

バベルのあなたがコンパイルされたコードは次のようになります正確に何を見るために使用することができるサイトhas a repl。

この場合、it's quite complexです。これは、BabelがES5のためにES6クラスをポリフィルするために使用するクラスユーティリティにほとんどラップされているためです。

---

this.state = { editFlag : false, ...this.props }の2番目の例は似ています。

this.state = Object.assign({}, editFlag: false, this.props);