React中change事件处理器内state未更新问题求助

你的setState写法本身是正确的，问题出在React的useState更新是异步的——调用setState后，state不会立刻同步更新，所以你在setState前后打印的都是更新前的旧值，并不是state没发生变化。

验证state是否真的更新了 #

要确认state是否成功更新，可以用两种方式：

• 用useEffect监听state变化，一旦state更新就打印：

useEffect(() => {
  console.log('更新后的state:', state);
}, [state]);

• 在组件的JSX里直接渲染state.form对应的值，比如：

<input 
  name="name" 
  value={state.form.name} 
  onChange={handleChange} 
/>
<p>当前输入值：{state.form.name}</p>

这样就能直观看到输入时state是否同步更新了。

额外提示 #

你的函数式更新写法很规范，用prevState确保每次更新都是基于最新的状态，避免了异步更新可能导致的状态覆盖问题，这部分不用修改。

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