【React深入】从Mixin到HOC再到Hook

发布时间：2019-04-13 02:38:42 所属栏目：建站来源：ConardLi

导读：副标题#e# 导读前端发展速度非常之快，页面和组件变得越来越复杂，如何更好的实现状态逻辑复用一直都是应用程序中重要的一部分，这直接关系着应用程序的质量以及维护的难易程度。本文介绍了React采用的三种实现状态逻辑复用的技术，并分析了他们的实现原

返回一个组件，继承原组件，在render中调用原组件的render。由于继承了原组件，能通过this访问到原组件的生命周期、props、state、render等，相比属性代理它能操作更多的属性。

function inheritHOC(WrappedComponent) {  
  return class extends WrappedComponent {  
    render() {  
      return super.render();  
    }  
  }  
}

对比原生组件增强的项：

HOC可以实现什么功能

组合渲染

可使用任何其他组件和原组件进行组合渲染，达到样式、布局复用等效果。

（编辑：西安站长网）

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