React篇(048)-什么是高阶组件(HOC)?

2022-05-12 21:01:34 浏览数 (1)

高阶组件(HOC) 就是一个函数,且该函数接受一个组件作为参数,并返回一个新的组件,它只是一种模式,这种模式是由react自身的组合性质必然产生的。

我们将它们称为纯组件,因为它们可以接受任何动态提供的子组件,但它们不会修改或复制其输入组件中的任何行为。

代码语言:javascript复制
const EnhancedComponent = higherOrderComponent(WrappedComponent)

HOC 有很多用例:

  1. 代码复用,逻辑抽象化
  2. 渲染劫持
  3. 抽象化和操作状态(state
  4. 操作属性(props

0 人点赞