hook 背景
一句话结论:Hooks 让函数组件拥有状态与副作用能力,并能以更自然的方式复用“有状态逻辑”,解决了 class 时代逻辑复用困难与生命周期分散的问题。
1. class 时代的痛点
- 逻辑复用主要靠 HOC/render props,嵌套地狱与类型复杂
- 生命周期按“时间点”分散,同一业务逻辑往往拆在多个方法里
this、绑定、继承等增加心智负担
2. Hooks 带来的变化
- 用函数组合复用:自定义 Hook 复用“状态 + 副作用”的组合逻辑
- 更贴近数据流:在 render 中声明依赖,React 负责调度执行