React Hooks 深度解析

React Hooks 从 16.8 版本引入，彻底改变了 React 组件的编写方式。

核心 Hooks：

• useState：管理组件状态
• useEffect：处理副作用
• useContext：消费 Context
• useReducer：复杂状态管理
• useMemo / useCallback：性能优化
• useRef：引用 DOM 或保存可变值

自定义 Hook 是 React 中最强大的代码复用模式。通过提取公共逻辑到自定义 Hook，你可以在不同组件间共享状态逻辑，同时保持组件的简洁。