Question

React团队advises against using mixins。他们的suggestion for utility methods是将它们放入模块并导入它们。我很乐意这样做，但是当你需要this时，他们的例子并没有显示如何做到这一点。

因此，我发现自己不断复制这种方法，

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

还有其他一些我的组件。有没有更好的，不推荐的重用方法＆＃34;方法＆＃34;？

通过＆＃34;方法＆＃34;我的意思是使用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);
    }

在ES6 React Components中重用方法的推荐方法是什么？

1 个答案: