高阶组件(HOC)是 React 中用于复用组件逻辑的一种高级技巧。HOC 自身不是 React API 的一部分,它是一种基于 React 的组合特性而形成的设计模式。
具体而言,高阶组件是参数为组件,返回值为新组件的函数。
const EnhancedComponent = higherOrderComponent(WrappedComponent);
组件是将 props 转换为 UI,而高阶组件是将组件转换为另一个组件。
高阶组件将允许您将行为应用于多个React组件。这可以通过将状态和任何功能作为道具传递到组件中来完成。
在本篇中,我们将讨论高阶组件:为了让我们开始,我在这里有一个简单的HigherOrderComponents组件。它输出一个按钮(button)组件以及一个标签(label)组件。