关于useCallback依赖数组的技术疑问：参数与内部变量处理

1. 函数参数与内部变量的依赖规则 #

• 被useCallback包裹的函数的参数不需要加入依赖数组。因为参数是函数调用时动态传入的，不属于组件渲染周期中的闭包变量，不会引发旧值捕获问题。
• 函数内部直接使用的组件级变量（比如state、props、组件内声明的常量/变量），只要在函数体内被读取，就必须加入依赖数组——不管它是否会更新。React的eslint-plugin-react-hooks会强制校验这一点，遗漏依赖会导致闭包陷阱，让函数始终捕获变量的旧值，引发逻辑错误。

2. 针对示例代码的具体问题 #

先看你的代码示例：

const User = ({}) => { 
  const [state, setState] = useState(1); 
  const randomVariable = 1;
 
  const handle = useCallback((state) => { 
    setState(state + randomVariable) 
  }, [state]); 
  return ( )
}

问题1：state和randomVariable是否都需要加入依赖数组？ #

不需要加入组件的state变量，但必须加入randomVariable。

• 函数里的state是函数参数，和组件的state是两个完全独立的变量，函数内部并没有读取组件的state，所以组件的state不需要加入依赖。
• 函数内部用到了randomVariable，不管它是不是固定值，都必须加入依赖数组。正确的依赖数组应该是[randomVariable]。

问题2：作为函数参数的state是否会被编译器自动加入依赖数组？ #

不会。函数参数不属于组件渲染时的闭包上下文，React的hooks lint检查不会将其识别为依赖，编译器也不会自动添加它到依赖数组中。

问题3：函数内部使用的randomVariable是否需要根据其更新频率手动决定是否加入依赖数组？ #

不需要。无论变量的更新频率如何，只要函数体内读取了该变量，就必须加入依赖数组。哪怕当前randomVariable是固定的1，加入依赖也是必要的——既符合lint规则，也能避免未来变量变为动态值（比如从props传入）时，因遗漏依赖引发的闭包bug。

内容的提问来源于stack exchange，提问作者give back