実際のコンストラクタメソッド

Question

私はコンストラクタメソッドについてはReact Docsを読んでいますが、それは設定状態とバインディング関数まではどのように使用できるのですか？しかし、ほとんどの場合本当に必要ですか？

export default class MyClass extends Component { 
    constructor(props) { 
     super(props); 
     this.state = { 
      foo: 'bar', 
     }; 
     this.member = 'member'; 
     this.someFunction = this.anotherFunction(num); 
    } 
    anotherFunction = (num) => num * 2; 
    render() { 
     // render jsx here 
    } 
} 

をやって、単に私が知っておくべきすべてのパフォーマンスの問題がある一つの選択肢は、他のより好ましい

export default class MyClass extends Component { 
    state = { 
     foo: 'bar', 
    }; 
    member = 'member'; 
    someFunction = this.anotherFunction(num); 
    anotherFunction = (num) => num * 2; 
    render() { 
     // render jsx here 
    } 
} 

のように、コンストラクタの外にすべてのことを置くこととの違いは何ですか？これは少し私を悩まされていると私はそこに具体的な答えを見つけるように見えることはできません。

Answer 1

あなたの2つの例は機能的には同じですが、重要なのは、クラスメソッドの外にあるものを割り当てることですが、renderと以外のものはすべて標準のES6ではなくBabelを介してのみ動作します。その構文は提案されたclass property syntaxです。