对象解构不参与状态更新，仅用于提取值；真正简化赋值的是解构读取+展开运算符更新：读取用const {a,b}=user，更新用setUser(prev=>({...prev,a:'x'}))，且必须数组解构useState返回值。
对象解构本身不直接参与 React 状态更新，它只用于从已有对象中提取值；真正简化赋值的是配合 useState 的不可变更新模式——即用解构读取、用展开运算符更新。
读取状态时解构属性，避免重复访问
当状态是对象（如用户信息、表单数据），直接解构可省去多次写 state.xxx：
例如：
const [user, setUser] = useState({ name: 'Tom', age: 28, role: 'editor' });
const { name, role } = user; // 一行拿到两个字段，后续直接用 name、role
更新对象状态时，用展开运算符保留结构
不能直接修改 user.name = 'Jerry'，而应创建新对象。解构读取 + 展开赋值是最清晰的方式：
- 更新单个字段：
setUser(prev => ({ ...prev, name: 'Jerry' })) - 同时更新多个字段：
setUser(prev => ({ ...prev, name: 'Jerry', age: 29 })) - 注意：不要写成
{ ...user, name: 'Jerry' }—— 这会丢失函数更新的异步一致性，推荐用回调形式
嵌套对象更新需分层展开，解构辅助理解
如果状态含嵌套（如 user.profile.city），解构本身不解决更新问题，但能帮你理清路径：
const { profile: { city, country } } = user;
更新时仍要手动构造新嵌套结构：
setUser(prev => ({
...prev,
profile: { ...prev.profile, city: 'Shanghai' }
}));
避免常见误解：不解构 useState 返回值
错误写法：const { user, setUser } = useState(...) —— useState() 返回的是数组 [value, setter]，不是对象，花括号解构会报错或得到 undefined。
✅ 正确始终是：const [user, setUser] = useState(...)（数组解构）
