React 中 useEffect 依赖数组的常见陷阱与正确写法

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。一个常见的场景是组件需要根据 props 变化重新发起请求，或者监听某个状态值变化来更新 DOM。很多开发者习惯性地把用到的变量都塞进依赖数组，结果导致无限循环或意外重复请求；也有人为了“只执行一次”而写空数组，却忽略了闭包捕获旧值的问题。这些问题的根源在于依赖数组并不是简单的“依赖声明”，而是 React 用来比