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

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

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

对比原生组件增强的项：

•  可操作所有传入的props
•  可操作组件的生命周期
•  可操作组件的static方法
•  获取refs
•  可操作state
•  可以渲染劫持

HOC可以实现什么功能

组合渲染

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

（编辑：PHP编程网 - 襄阳站长网）

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