React 中 useEffect 依赖数组的闭包陷阱与正确使用方式

在 React 函数组件中，useEffect 是处理副作用的核心 Hook。很多人习惯把依赖数组当作“触发条件”来用，比如传入一个空数组模拟 componentDidMount，或者只放自己关心的变量。但这样写经常会遇到一个问题：effect 内部读到的 state 或 props 始终是初始值，定时器、事件监听器里拿到的数据永远不更新。这背后是 JavaScript 闭包和 React 渲染快