请解释 React Hooks 的工作原理，并说明在循环、条件或嵌套函数中调用 Hook 会导致什么问题？

回答思路

1. 能解释 Hook 依赖调用顺序来维护状态的核心原理
2. 能指出在循环、条件或嵌套函数中调用 Hook 会破坏调用顺序
3. 能说明调用顺序被破坏后可能引发的状态错乱或渲染异常
4. 能提出正确的做法，如使用数组循环配合子组件
5. 能结合实际踩坑案例，展示排查和解决过程