React中useState的update在useRef中可调用是否与hoisting有关？

这个现象和变量提升（hoisting）无关，也不是React底层调整了Hooks执行顺序，本质是JavaScript闭包的执行时序特性，核心逻辑拆解如下：

• 首先明确useRef的执行逻辑：你给useRef传入的参数只会在组件首次渲染时被读取、作为ref的初始值存入current属性，如果你传入的是一个函数，useRef不会主动执行这个函数，只会把函数本身存起来。
• 你在useRef里写的箭头函数，在首次渲染执行到useRef这行代码时，仅仅是被创建，完全没有被执行，所以这时候函数内部引用的update哪怕还没走到声明赋值的步骤，也不会触发报错——毕竟代码根本没跑到取update值的那一步。
• 组件函数体会继续逐行往下执行，走到const [, update] = useState({})这行时，才会完成update（也就是state setter函数）的声明和赋值，整个组件渲染完成后，按钮的点击事件才会被绑定。
• 当你后续点击按钮触发testRef.current()时，组件首次渲染流程早就走完了，update已经完成赋值，闭包里自然能拿到正常的setter函数，调用当然能正常触发更新。

你可以自己做个小测试验证：在useRef代码块之后、useState代码块之前，直接加一行testRef.current()调用，这时候一定会抛出Cannot access 'update' before initialization的暂时性死区报错，直接就能证明不存在变量提升、也没有调整Hook执行顺序——如果真的是hoisting或者React改了执行顺序，这行调用是不会报错的。

你用useState传新对象引用实现强制刷新的逻辑是可行的，本质和官方推荐的useReducer版forceUpdate逻辑一致，只要注意不要在组件渲染的同步流程里直接调用这个更新函数，就不会触发死循环。

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