React Hooks
Hooks 是 React 16.8 引入的特性，让你在函数组件中使用 state 以及其他 React 功能，无需编写 class 组件。
状态管理
| Hook | 说明 |
|---|---|
| useState | 向组件添加状态变量，是 React 中最基础、最常用的 Hook |
| useRef | 持有跨渲染周期的持久化引用，修改不触发重渲染，常用于 DOM 操作 |
| useContext | 无需逐层透传 props，在组件树中共享全局数据（主题、语言等） |
副作用处理
| Hook | 说明 |
|---|---|
| useEffect | 处理副作用（API 请求、DOM 操作、订阅等），可替代生命周期函数 |
| useLayoutEffect | 与 useEffect 类似，但在浏览器绘制前同步执行，会阻塞 DOM 渲染 |
| useImperativeHandle | 向父组件暴露子组件的实例方法或属性，类似 Vue 的 defineExpose |
性能优化
| Hook | 说明 |
|---|---|
| useMemo | 缓存计算结果，依赖不变时跳过重复计算 |
| useCallback | 缓存函数引用，避免子组件不必要的重渲染 |
并发特性
| Hook | 说明 |
|---|---|
| useTransition | 将耗时状态更新标记为非紧急任务，保持 UI 交互流畅 |
| useDeferredValue | 延迟更新某个值，用于优化大列表搜索等高频更新场景 |
其他
| Hook | 说明 |
|---|---|
| useSyncExternalStore | 订阅外部数据源（状态管理库、浏览器 API），确保并发模式下数据一致 |
| useId | 生成跨越服务端渲染的唯一 ID，用于无障碍属性（aria-labelledby 等） |