- 无状态组件
更适合函数组件
负责展示
无状态,复用度高 - 有状态组件
函数组件 +hooks
或类组件
useState
或声明state
useEffect
或使用生命周期 - 容器组件
子组件状态提升到此,统一管理
异步操作,如数据请求等
提高子组件的复用度 - 高阶组件
接收组件,返回组件
为原有组件增加新功能和行为
代替mixins
,避免状态污染 - 回调组件
高阶组件的另一种形式
将组件本身,通过props.children
或prop
属性传递给子组件
适合不能确定或不关心传给子组件数据的场景,如路由,加载组件的实现
📘📘欢迎在我的博客上访问:
https://lzxjack.top/