hooksMechanism hooks 实现机制 ​

Hooks 不能在条件语句、循环语句或嵌套函数中使用。这是因为 Hooks 的使用依赖于 React 的调用顺序和内部状态的管理机制。React 通过维护一个“Hook 调用栈”来跟踪每个 Hook 的调用顺序和状态。每次组件渲染时，React 都会遍历这个调用栈，确保每次调用 Hook 的顺序保持一致，从而正确地恢复每个 Hook 的内部状态。这是为什么不能在条件语句或循环中调用 Hook 的原因，因为这会打破调用顺序的一致性

• Hooks 必须在函数组件的顶层使用： 如果在表达式中定义 Hooks，React 将无法确定 Hooks 的调用顺序，可能会导致状态错误或效果不一致。

• Hooks 需要在每次渲染时保持稳定： React Hooks 需要在每次组件渲染时保持稳定，以便能够正确地管理组件的状态和效果。 如果在表达式中定义 Hooks，它们的调用可能会随着表达式的求值而发生变化，这将破坏 React 的调用顺序和状态管理机制。