- 无状态组件
- 只作展示,独立运作,不增加额外功能的组件。也称为哑组件或者展示组件。
- 无状态组件受制于外部的props控制,具有极强的通用性,复用率很高。
- 常见的有:样式组件,布局组件
- 状态组件
- 处理业务逻辑与数据状态的组件。也称为灵巧组件。灵巧组件一定包含至少一个灵巧组件或者展示组件。
- 面向业务,功能更丰富,复杂性更高,复用性更低。
- 常见的有:容器组件,高阶组件
- 简单说一下高阶组件(WrappedComponent)
- 高阶组件是react中实现组件复用的高级技术,是基于react的组合特性形成的设计模式。
- 高阶组件的参数是组件,返回值为新组件。
- 缺陷:丢失静态函数,refs属性不能透传(这个可以使用forwardRef解决)。
- 看一下这个文章吧blog.csdn.net/xiannverhah…