基本概念
对组件中可以被重复使用的内容进行封装
什么是高阶组件
高阶组件是一个函数,接收是一个组件,返回值也是一个组件,这类组件我么叫做高阶组件(HOC);高阶组件的本质就是一个函数,比如js中的 map() filter()forEach…,高阶组件是React中用于重用组件逻辑的高级技术。
HOC本身不是React API 的一部分。他是从React构思本质模式中浮现出来的一种模式。注意: 在使用高阶组件的时候 如果需要进行props的传递 那么必须在高阶组件中向组件添加 {…this.props}以达到参数的传递
高阶组件—反向继承
反向继承最核心的作用是渲染劫持,拦截了渲染可以让我们进行条件渲染。
使用
1、创建高阶组件并暴露出去
2、在组件中引入高阶组件,并将组件传递给高阶组件
3、在对应页面使用组件
页面效果