代码能力入门
React 状态竞争修复
测试模型能否识别闭包旧值和函数式更新。
提示词正文
复制后可直接粘贴到模型或内部评测工具。
一个 React 组件里连续调用 setCount(count + 1) 三次,但界面只增加 1。请解释原因,并给出最小修复代码。要求说明为什么修复有效。
参考输出
应使用 setCount(c => c + 1) 连续三次,因为函数式更新读取最新排队状态。
评分维度
看是否解释批处理与闭包旧值,并给出函数式更新。
测试模型能否识别闭包旧值和函数式更新。
复制后可直接粘贴到模型或内部评测工具。
一个 React 组件里连续调用 setCount(count + 1) 三次,但界面只增加 1。请解释原因,并给出最小修复代码。要求说明为什么修复有效。
应使用 setCount(c => c + 1) 连续三次,因为函数式更新读取最新排队状态。
看是否解释批处理与闭包旧值,并给出函数式更新。