什么是高阶组件(HoC)?
高阶组件是封装了具有预定义行为的多个组件的复合组件,用于自管理UI状态控制。
功能
HoC组件提供以下功能:
- 作为一个统一实体进行选择、复制、删除、拖拽和移动
- 可见性切换
- 通过编辑进行视觉自定义
- 预定义行为管理UI状态,例如
状态按钮
会根据状态变化自动同步图像和标签更新,使开发人员能够专注于业务逻辑
限制
HoC组件具有以下限制:
- 不支持直接调整大小;修改需要更改包装的组件
- 禁止添加、删除或重新排序封装的组件
- 不允许修改HoC的行为
使用高阶组件
要使用HoC组件:
- 展开组件栏以显示HoC部分:
- 从组件栏拖拽所需的HoC到屏幕
- 像使用标准组件一样使用HoC