React 中 useEffect 依赖数组的常见陷阱：从无限循环到闭包陈旧值

在 React 函数组件中，useEffect 的依赖数组看起来简单，实际开发里却经常引发两类让人头疼的问题：一是组件陷入无限重渲染，二是 effect 内部读到的 state 或 props 永远是旧值。尤其是在 effect 中调用了 setState、又直接或间接依赖了对象或函数时，依赖数组的浅比较机制会让判断结果和直觉不一致。这篇文章从一个搜索列表页的真实场景出发，说明依赖数组为什么会触发