基本概念

对组件中可以被重复使用的内容进行封装

什么是高阶组件

高阶组件是一个函数,接收是一个组件,返回值也是一个组件,这类组件我么叫做高阶组件(HOC);高阶组件的本质就是一个函数,比如js中的 map() filter()forEach…,高阶组件是React中用于重用组件逻辑的高级技术。
HOC本身不是React API 的一部分。他是从React构思本质模式中浮现出来的一种模式。
注意: 在使用高阶组件的时候 如果需要进行props的传递 那么必须在高阶组件中向组件添加 {…this.props}以达到参数的传递

高阶组件—反向继承

反向继承最核心的作用是渲染劫持,拦截了渲染可以让我们进行条件渲染。

使用

1、创建高阶组件并暴露出去
React—HOC 高阶组件
2、在组件中引入高阶组件,并将组件传递给高阶组件
React—HOC 高阶组件
3、在对应页面使用组件
React—HOC 高阶组件
页面效果
React—HOC 高阶组件

相关文章: