如何给useCallback传递参数？结合Shopify Polaris示例解答疑问

useCallback 本身并不负责接收、传递 newValue 参数，它的核心作用只是缓存你传入的函数实例，避免组件重渲染时生成新的函数引用导致子组件不必要的更新。
newValue 完全是 TextField 组件内部主动传递给回调的：

• 你将被 useCallback 缓存的 handleChange 函数，传给了 TextField 的 onChange 属性
• 当用户在输入框进行输入操作时，TextField 内部会捕获原生输入事件，处理得到最新的输入值后，主动调用你传入的 onChange 回调，并且把最新值作为第一个参数传入
• 这个被传入的参数，就会被你写的 (newValue) => setValue(newValue) 函数接收，也就是你看到的 newValue
  你不需要在 Polaris 源码里搜索 useCallback 相关的逻辑，直接搜索 TextField 组件内部 onChange 的触发逻辑就能找到对应实现。

首先你贴的自定义Hook代码存在语法疏漏，修正后的标准写法如下：

const useForceUpdate = () => {
  const [value, setValue] = useState(0);
  return () => setValue(prev => prev + 1);
}

不能直接调用 useForceUpdate() 的原因有两个：

1. 返回值逻辑问题：useForceUpdate 作为自定义Hook，内部调用 useState 的作用是和当前组件的状态节点做绑定，它的返回值是一个专门用来触发更新的函数。如果你直接执行 useForceUpdate()，相当于只是完成了状态绑定，拿到了返回的更新函数但没有做任何保存、也没有调用它，自然不会触发组件重渲染。而写法 const forceUpdate = useForceUpdate() 会先完成Hook和当前组件的绑定，再把返回的更新函数存在变量里，后续调用 forceUpdate() 时才会真正执行 setValue 逻辑修改状态，触发重渲染。
2. Hook调用规则问题：React 要求所有Hook必须在组件的最顶层按固定顺序调用，不能在事件回调、条件判断、循环逻辑里直接调用Hook本身。如果你在事件回调里直接写 useForceUpdate()，会直接违反Hook调用规则，抛出运行时异常。

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