为了账号安全,请及时绑定邮箱和手机立即绑定

完整解释下使用反向继承实现的React高阶组件为什么不能保证完整的子组件树被解析?

完整解释下使用反向继承实现的React高阶组件为什么不能保证完整的子组件树被解析?

冉冉说 2018-12-23 22:25:22
React 高阶组件的实现方案之一: 反向继承function hoc (Component) {    return class extends Component {         render() {            return super.render()         }     } }都会有这样相关的介绍:反向继承不能保证完整的子组件树被解析谁能完整解释下这是问什么?
查看完整描述

1 回答

?
森栏

TA贡献1810条经验 获得超5个赞

反向继承的两大特点:渲染劫持和控制state 
反向继承意味着组件的生命周期是didmount→ hoc didmount→will unmount→hoc will unmount
在反向继承方法中高阶组件可以用wrapcomponent 的引用,也就是说它可以用wrap component的state props lifecycle render 方法

你知道的反向继承的渲染劫持可以控制 wrap component的渲然过程也就是说在这个过程中你可以对元素树或输出的结果做增删改等操作

重点来了 假如渲染的元素树中包含了function components 这时候就不能够操作组件的子组件了

这时候返回的组件就不是完整的组件了


查看完整回答
反对 回复 2018-12-23
  • 1 回答
  • 0 关注
  • 901 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号