5、React Hooks：使用、局限与解决方案

React Hooks：使用、局限与解决方案

1. React Hooks 基础与局限

在 React 开发中，Hooks 是访问 React 特性的函数，它能处理跨重新渲染时持续存在的副作用。但使用 React Hooks 有诸多限制：
- 调用顺序固定 ：Hooks 必须始终以相同顺序调用，这使得条件式定义 Hooks 或在循环中定义 Hooks 成为不可能。例如不能在 if 语句、三元运算符或类似结构中嵌套 Hooks 定义。
- 调用位置限制 ：
- 必须在 React 函数组件或其他 Hooks 内部调用。
- 不能在条件返回语句之后定义。
- 不能在事件处理程序、 try/catch/finally 块中定义。
- 不能在传递给 useMemo 、 useReducer 和 useEffect 的函数中定义。

2. 自定义 Hook 与真实 Hook 的对比

我们通过重新实现 useState 函数，借助全局状态和闭包来理解 Hooks 的工作原理。但实际上，真实的 Hooks 有以下不同：
- 状态存储 ：不使用全局变量，而是将状态存储在 React 组件内。
- 计数器处理 ：内部处理 Hook 计数器，无需在函数组件中手动重置计数。
-