在 React 函数组件中，事件回调（如键盘快捷键）若需访问最新 state 值，不能依赖闭包捕获的初始值；应使用函数式更新 setState(prev => ...)，而非读取当前渲染闭包中的 stale 变量。
在 react 函数组件中，事件回调（如键盘快捷键）若需访问最新 state 值，不能依赖闭包捕获的初始值；应使用函数式更新 `setstate(prev => ...)`，而非读取当前渲染闭包中的 stale 变量。
你遇到的问题非常典型：在 useMount 中注册的快捷键回调里，s 是组件首次渲染时捕获的闭包变量（值为 0），后续多次触发 setS(s + 1) 实际始终执行的是 setS(0 + 1)，因此状态永远卡在 1。
✅ 正确解法是使用函数式更新（functional update）：
useMount(() => {
setShortcut("ArrowDown", () => {
setS(prev => prev + 1); // ✅ 每次取最新 state 值，无需手动维护 ref 或额外 hooks
});
});
这样，React 会确保 prev 是调用时最新的状态值，无论该回调被延迟多久或在哪个渲染周期中触发。
⚠️ 注意事项：
- ❌ 不要试图通过 useState 返回的 s 变量直接读取“当前值”——它只是该次渲染快照，不是实时引用；
- ❌ 不需要引入 useRef 存储 state 副本（如 sRef.current = s）来“同步”，这不仅冗余，还易引发竞态和不一致；
- ✅ 若逻辑复杂（如需同时读取多个 state 或 props），可结合 useReducer 或自定义 Hook 封装状态读取逻辑；
- ✅ 函数式更新天然支持异步、批量更新与并发模式（Concurrent Rendering），是 React 官方推荐的最佳实践。
总结：React 的 setState 函数式签名 setState(prev => next) 不仅是解决闭包 stale state 的标准方案，更是保证状态更新确定性与可预测性的核心机制。始终优先使用它，而非尝试“获取当前 state”的反模式。
