-
使用情况如下:
* 编写一个高阶组件进行属性的添加
* 编写一个高级组件编写生命周期
* 然后将以上两个高阶组件进行链式调用
示例
* 编写高阶组件进行属性的添加(返回的是函数组件):
![](https://img2018.cnblogs.com/i-beta/1520288/202001/1520288-20200105180053397-559436660.png)
* 编写高阶组件重写生命周期(返回的是class组件):
![](https://img2018.cnblogs.com/i-beta/1520288/202001/1520288-20200105180100570-362254988.png)
*链式调用
![](https://img2018.cnblogs.com/i-beta/1520288/202001/1520288-20200105180118696-484554883.png)
widthLearnReact为HOC组件添加了属性,widthLiseCycle为添加了属性的HOC组件重写了componentDidMount生命周期
-
注这种高阶组件链式调用太过麻烦,下篇随笔采用装饰器的语法处理这种问题。