React useEffect 依赖数组导致无限循环的常见原因与修复

在 React 函数组件里用 useEffect 处理副作用时，依赖数组写错引发无限重渲染几乎是每个开发者都会踩的坑。典型场景是组件挂载后请求数据，或者监听某个状态变化去更新另一个状态，结果页面卡死、请求疯狂发出。问题根源通常在于依赖项本身在每次渲染时都是新引用（对象、数组、函数），或者 effect 内部更新了被依赖的状态，导致“渲染 → effect 执行 → 状态更新 → 再渲染”的闭环。这