ES6 Reactコンポーネント内でメソッドを再利用するための推奨される方法は何ですか？

Question

リアクションチームadvises against using mixins彼らのsuggestion for utility methodsはそれらをモジュールに入れてインポ​​ートすることです。私はこれをしてうれしいですが、彼らの例では、thisが必要なときにそれを行う方法を示していません。

このように、私は自分自身常にこの方法、私のすべてのコンポーネントに

updateState = updates => { 
    this.setState(state => update(state, updates)); 
}; 

そして、いくつかの他のコピーを見つけます。 「メソッド」を再利用するための、非推奨の非推奨の方法がありますか？

「方法」とは、thisを利用する非静的関数を意味します。

Answer 1

ES7クラスのプロパティlearn more

// updateState.js 
    function updateState() { 
     this.setState(state => update(state, updates)); 
    }; 

    // App.js 
    import updateState from './updateState.js' 

    class App extends Compnent { 
     updateState = updateState.bind(this); 
    }