在 React 函数组件中，闭包会导致事件回调捕获初始渲染时的状态值；要确保获取最新 state，应使用函数式更新 setState(prev => ...)，而非直接读取闭包中的变量。
在 react 函数组件中，闭包会导致事件回调捕获初始渲染时的状态值；要确保获取最新 state，应使用函数式更新 `setstate(prev => ...)`，而非直接读取闭包中的变量。
你遇到的问题非常典型：在 useMount 中注册的快捷键回调里，s 是一个闭包捕获的旧值（首次渲染时为 0），因此连续两次调用 setS(s + 1) 实际都执行了 setS(0 + 1)，最终状态只增加一次，显示为 1 而非预期的 2。
根本原因在于：useState 的当前值 s 不会随后续渲染自动更新到已注册的事件回调中——它被“冻结”在闭包里。React 不提供 getState() 这样的同步读取 API，因为这会破坏状态的异步、批量更新机制，也违背函数式组件的设计原则。
✅ 正确解法：使用函数式更新（Functional Update）
useMount(() => {
setShortcut("ArrowDown", () => {
setS(prev => prev + 1); // ✅ 始终基于最新状态计算
});
});
这样，每次触发快捷键时，React 会将上一次更新后的最新值传入 prev，确保累加逻辑正确。
⚠️ 注意事项：
- 不要试图通过 useRef 手动同步状态（如 ref.current = s），这不仅冗余，还易引发竞态和难以调试的副作用；
- 若需在事件中同时访问多个状态或 props，可结合 useReducer 或自定义 Hook（如 useLatest）安全捕获最新值，但对单状态递增场景，函数式更新最简洁、最可靠；
- useEffect 的依赖数组为空（[]）时，其内部函数仅在挂载时执行一次，因此所有事件监听器必须设计为能处理任意时刻的最新状态——函数式更新正是为此而生。
总结：React 中没有 getState()，也不应需要它；拥抱函数式更新 setState(prev => ...), 是保证事件处理器始终基于最新状态运行的唯一推荐方式。
