当前第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之ssm+vue前后端分离框架整合实现
html5打开手机扫码功能及优缺点_html5教程技巧
html中如何使用javascript
html5中audio与video标签的使用
怎样用h5计算手机摇动次数
javascript事件委托是什么
javascript字符串怎么替换所有字符
h5中文件上传的详细介绍
javascript有哪几种数据类型
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
转载请注明出处：木庄网络博客 » React高阶组件（装饰器）的介绍（代码示例）
