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

在 React 函数组件中使用 useCallback 时，一个常见的困扰是：明明已经用 useCallback 包裹了回调函数，但内部访问的 state 或 props 始终停留在初始值，导致事件处理、定时器或异步请求中拿不到最新数据。这个问题的根源并不是 useCallback 本身失效，而是 JavaScript 闭包与 React 渲染机制共同作用的结果。函数组件每次渲染都会创建新的作用域