用useState修改对象的深层次的属性

在 React 中，useState 只能用于保存基本类型的数据，不能直接保存对象。如果需要保存对象，可以使用 useState 的初始值为对象，然后通过 setState 方法更新对象的属性。如果需要修改对象的深层次属性，可以使用展开运算符和对象的浅拷贝来实现。

假设我们有一个名为 user 的对象，其中包含一个名为 info 的对象，info 对象中又包含一个名为 age 的属性。我们可以使用以下代码来修改 age 属性：

const [user, setUser] = useState({ info: { age: 25 } });

const handleClick = () => {
  setUser({
    ...user, // 展开 user 对象，浅拷贝一份
    info: {
      ...user.info, // 展开 info 对象，浅拷贝一份
      age: user.info.age + 1, // 修改 age 属性
    },
  });
};

在这个例子中，我们使用了展开运算符将 user 对象和 info 对象浅拷贝了一份。然后我们修改了 age 属性并将修改后的对象传递给 setUser 方法，这样就可以更新 user 对象了。需要注意的是，由于 useState 是异步更新状态的，因此更新后的值可能不会立即生效。