React 中 useEffect 依赖数组的常见陷阱与正确实践

在 React 函数组件中，useEffect 的依赖数组是控制副作用执行时机的核心机制。很多开发者在处理数据请求、事件监听或定时器时会遇到闭包捕获旧值、无限重渲染或清理逻辑遗漏的问题，典型场景包括：在 effect 内部引用了外部变量却未列入依赖数组，导致状态更新后副作用仍使用旧值；或者将对象、函数直接作为依赖，每次渲染都触发 effect 重新执行。这些问题往往在组件行为异常、内存泄漏或性能下