>[danger]React hooks为什么不能在循环或条件语句中执行？ Hooks 在循环、条件语句或嵌套函数中执行会导致 React 无法保证 Hooks 的执行顺序和稳定性，因此它们不应该出现在这些位置。 1. **Hooks 的执行顺序问题**：React 依赖于 Hooks 的执行顺序来管理组件的状态。当组件渲染时，Hooks 需要按照顺序被调用，以确保每个 Hook 对应的状态都能正确地关联到组件。如果将 Hooks 放置在循环、条件语句或嵌套函数中，那么 Hooks 的执行顺序可能会发生变化，导致状态关联错误，从而引发错误或不一致的行为。 2. **Hooks 的稳定性问题**：React 要求每次渲染时 Hooks 的数量和顺序必须保持稳定。如果在循环或条件语句中使用 Hooks，循环迭代或条件判断可能会改变 Hooks 的数量和顺序，从而违反了 React 的要求。这可能导致 React 无法正确地追踪和管理组件的状态，造成意外的结果。 为了解决这个问题，React 提供了一些规范来确保 Hooks 的正确使用。具体来说，Hooks 的调用必须满足以下两个条件： - Hooks 只能在函数组件的顶层中被调用，并且不能出现在条件语句、循环或嵌套函数中。 - Hooks 的调用顺序必须保持稳定，不能有条件地执行或跳过某些 Hooks。 通过遵循这些规范，React 可以正确地追踪和管理组件的状态，并保证 Hooks 在每次渲染中按照相同的顺序被调用，从而保证组件的行为一致性和可预测性。