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

在 React 函数组件中，useEffect 的依赖数组决定了副作用何时重新执行。很多开发者在使用时要么漏掉依赖导致闭包捕获旧值，要么添加了不必要的依赖引发无限循环。比如从 props 中读取的 callback、在 effect 内部创建的对象或数组，以及组件挂载时只希望执行一次的初始化逻辑，都容易出问题。这篇文章从实际代码出发，分析依赖数组的比对规则、闭包陷阱的成因，以及如何用 useRef