Каков рекомендуемый способ повторного использования методов внутри ES6 React Components?

Question

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