当前第2页 返回上一页
高阶组件主要又分为属性代理和反向继承两种类型，举例中的函数就属于属性代理的类型。
反向继承的例子：
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | function WrapperHello (Comp) {
class WrapComp extends Component {
componentDidMount () {
console.log('高阶组件新增的生命周期,加载完成')
}
render () {
return (
<Fragment >
<Comp { ...this.props }/>
</Fragment >
)
}
}
return WrapComp
}
|
我们可以通过componentDidMount来修改原有组件生命周期发生的事件，这就是反向继承的方式。
记住，高阶函数返回的是一个函数，我们只是对其进行了相对应的包装。
以上就是React高阶组件（装饰器）的介绍（代码示例）的详细内容，更多文章请关注木庄网络博客！
返回前面的内容
相关阅读 >>
通过javascript函数生成字符串的所有排列组合
javascript如何修改html
鲜为人知的 json.stringify 用法
javascript最后怎么表示
h5+webworkers多线程开发使用详解
javascript怎样修改div内容
如何使用html5实现地理位置的获取
javascript函数内部属性的介绍（附示例）
javascript操作dom对象之select（详细解答）
炫酷实用的jquery/html5菜单图文详解
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » React高阶组件（装饰器）的介绍（代码示例）
