ReactJS 高级组件

高阶组件就是一个 react 组件包裹着另外一个 React 组件

这种模式通常使用函数来实现，基本上是一个类工厂（是的，一个类工厂！）

高阶组件是用于向已有组件添加附加，它接收数据的输入，然后返回另一些数据。 一旦输入的数据发生变化，高级组件就会重新运行。

更改组件的返回值，不应该更改高级组件HOC，而是去更改组件使用的输入数据。

在本章节中，我们用一个很简单的例子来演示高级组件。 高级组件 MyHOC 唯一的功能就是向组件 MyComponent 传递数据，它组合 MyComponent, 使用 newData 来增强功能，然后返回一个高级的组件用于数据的显示.

运行上面的代码，我们就会看到新的 data 被传递到了 MyComponent 组件中

额外阅读

高级组件通过添加单一职责函数实现各种不同的功能，这种编程艺术是开发的精髓之一。 通过使用高级组件，我们的应用就会变得更容易维护和升级。

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！