React 中 useEffect 依赖数组导致无限循环的排查与解决

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。如果依赖项在每次渲染时都发生变化（例如对象字面量、数组字面量或内联函数），就会触发无限循环：副作用修改状态 → 组件重渲染 → 依赖项再次变化 → 副作用再次执行。这种问题常见于将对象或函数直接放入依赖数组、在 effect 内部调用 setState 且未正确控制依赖，或者使用了未 memo 化的回调。本文通过一