浅拷贝更新状态的关键是“拷贝到哪一层才够安全”：扁平结构用浅拷贝足够，嵌套结构需按需深拷贝对应层级；对象数组用map+展开，深层嵌套需逐层展开。
在 React 中用浅拷贝更新状态，关键不是“能不能拷贝”，而是“拷贝到哪一层才够安全”。只要状态结构是扁平的（没有嵌套对象或数组），浅拷贝完全够用；一旦出现嵌套，就得按需深拷贝对应层级。
一、什么时候浅拷贝就够了
当你的数组或对象只含基本类型（字符串、数字、布尔值）或纯一维数组时，浅拷贝既快又安全。React 只关心引用是否变化，而浅拷贝正好生成新引用。
-
一维数字/字符串数组：用
[...arr]、arr.slice()或Array.from(arr)都行，修改元素不会影响原数组 -
扁平对象（无嵌套）：用
{...obj}或Object.assign({}, obj)，改顶层字段不会波及原始数据 -
React 表单简单字段：比如
useAI: true、requirementType: "basic"，直接展开赋值即可
二、浅拷贝失效的典型场景
浅拷贝只复制第一层，所以只要数组里存的是对象，或者对象里有嵌套对象，改“副本”里的内层属性，原始状态就跟着变——React 不报错，但 UI 可能不更新，或出现意外联动。
-
对象数组中改某个对象的属性：例如
users[0].name = "李四"，原始users也被改了 -
多维数组中改内层数值：如
matrix[0][1] = 99，原matrix[0]引用没变，但内容被污染 -
嵌套配置对象：像
config.nested.settings.enabled = false，顶层对象虽新，但nested还是旧引用
三、安全更新嵌套结构的常用做法
不需要全量深拷贝，只需对“要改的那一层”做独立拷贝，兼顾性能与正确性。
立即学习“Java免费学习笔记（深入）”；
-
更新对象数组中的某一项：用
map+ 展开，例如：setUsers(users.map((u, i) => i === 0 ? { ...u, name: "李四" } : u)) -
替换数组中某段内容：组合
slice和展开，如：setData(prev => [...prev.slice(0, idx), newItem, ...prev.slice(idx + 1)]) -
更新深层嵌套字段：逐层展开，例如：
setConfig(prev => ({ ...prev, nested: { ...prev.nested, settings: { ...prev.nested.settings, enabled: true } } }))
四、该选哪个浅拷贝方法？看实际需要
语法简洁性和兼容性略有差异，但效果一致。现代项目优先用扩展运算符，老环境可回退 slice()。
-
[...arr]：最直观，支持所有可迭代对象，推荐用于数组 -
{...obj}：对象首选，语义清晰，注意不能拷贝原型链和不可枚举属性 -
arr.slice()：IE 兼容性好，语义明确，适合需要向后兼容的项目 -
Array.from(arr)：适合同时处理类数组（如NodeList）或需要映射的场景
