reactjs – 用于mixins的React ES6替代品

发布时间：2020-12-15 20:14:49 所属栏目：百科来源：网络整理

导读：在使用ES6类时,我正在寻找React mixins的替代品. 我想在我的react组件中注入一些函数,但这些函数需要React元素. React ES5使用了mixin,但React Classes不支持mixins. React类中mixins的替代方法是什么？解决方法 Mixins won’t be supported by React in th

在使用ES6类时,我正在寻找React mixins的替代品.

我想在我的react组件中注入一些函数,但这些函数需要React元素.

React ES5使用了mixin,但React Classes不支持mixins. React类中mixins的替代方法是什么？

解决方法

Mixins won’t be supported by React in the future.您应该使用高阶组件而不是它们.这个 gist提供了这个概念的很好的解释.

您应该创建一个单独的功能,而不是将额外的功能混合到组件中,这将为其他组件提供此功能.

class MyComponent extends React.component {
    render() {
        //...
    }
}

export default extraFunctionality(MyComponent);

如果您使用Babel with ES7插件,您可以使用装饰器语法：

@extraFunctionality
class MyComponent extends React.component {
    render() {
        //...
    }
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!