什麼是ES6 React組件內重用方法的推薦方式？

Question

The React團隊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); 
    }