跳到主要内容

介绍

什么是高阶组件（HoC）？​

高阶组件（HoC）是一种复合组件，它包裹了一系列小部件，具有预定义的行为，能够自行管理状态变化。

使用高阶组件，你可以：

  • 将被包裹的小部件作为一个整体进行选择、复制、删除和拖拽移动
  • 隐藏和显示
  • 编辑内部组件来改变整个组件的外观
  • 利用其预定义的行为，让它自行管理自己的状态，例如 状态按钮（StateButton） 会在状态改变时自动同步更新图片和标签，你只需专注于自己的业务逻辑即可

你不可以：

  • 直接调整高阶组件的大小，除非你更改其被包裹的小部件
  • 在高阶组件中添加或移除内部组件，或者改变它们的顺序
  • 改变高阶组件的行为

如何使用高阶组件？​

  • 展开组件栏，如下所示：

Widget Bar

HoC Bar

  • 从组件栏中拖动一个高阶组件组件，例如 状态按钮（StateButton），到屏幕上，然后像使用其它组件一样使用高阶组件。