Was entspricht in es5 dem folgenden Code?

Question

Was entspricht in es5 dem folgenden Code?

constructor(props) { 
    super(props); 

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

Answer 1

würde Dieser Code in etwa so aussehen, ohne eine> = ES6 Syntax.

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

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

Babel Website has a repl, die Sie sehen, verwenden können, um genau das, was der kompilierte Code aussehen wird.

In diesem Fall it's quite complex, weil es größtenteils in den Klassen-Dienstprogrammen eingewickelt ist, die Babel verwendet, um ES6-Klassen für ES5 zu füllen.

---

Das zweite Beispiel für this.state = { editFlag : false, ...this.props } würde ähnlich sein.

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