在 react 函数组件中，多个子组件并发调用 `setstate` 初始化共享状态（如错误对象）时，若直接读取当前 state 并展开更新，会因闭包捕获过期值导致状态丢失；应改用函数式更新确保基于最新状态合并。
当多个
根本原因在于：setErrors({...props.errors, [props.identifier]: 0}) 是基于当前 props.errors 的快照进行更新，而 props.errors 在闭包中是首次渲染时的值（即 {}），并非每次更新后的最新状态。
✅ 正确解法：使用函数式更新（functional update），让 React 自动将更新函数加入队列，并在重渲染时按顺序应用到最新的 state 值上：
// Child.js
export default function Child({ errors, setErrors, identifier }) {
useEffect(() => {
setErrors(prev => ({ ...prev, [identifier]: 0 }));
}, [identifier, setErrors]);
return null; // 无需渲染内容
}注意：
- setErrors(prev => {...}) 中的 prev 是 React 保证的、本次更新前的最新 state 值，无论多少个子组件并发调用，都能正确累积；
- 依赖数组 [identifier, setErrors] 确保 effect 在必要时重新执行（identifier 变化或 setErrors 被新闭包捕获时），但通常 identifier 是稳定字符串，可简化为 [identifier]；
- 父组件无需预初始化 errors，子组件可自主、安全地“注册”自身错误键。
? 进阶建议：若需支持动态增删子组件（如列表渲染），可配合 useId 或唯一 key 确保 identifier 稳定性；若需清除错误，同样应使用函数式更新：setErrors(prev => { const newErrors = { ...prev }; delete newErrors[id]; return newErrors; })。
总结：永远避免在 setState 中直接展开旧 state 对象进行更新（尤其在并发场景）；优先采用 setState(prev => ({ ...prev, ...newValues })) 模式，这是 React 官方推荐、线程安全、可组合的状态更新方式。
