react useState 深拷贝

`useState` 是 React 中的一个 Hook，用于在函数组件内部添加状态管理。当你直接从 `useState` 初始化的状态变量进行赋值时，React 并不会做深度复制，这意味着如果你修改了这个状态变量的某个嵌套属性，原始的状态也会随之改变。

例如：

const [state, setState] = useState({ nestedObject: { prop1: 'value1' } });
// 直接修改嵌套对象
setState({ nestedObject: { prop1: 'newValue' } });

在这种情况下，`nestedObject` 的 `prop1` 已经变为 `'newValue'`，而不是 `'value1'`。

如果你需要对状态进行深拷贝，可以使用 JavaScript 的内置库，如 `JSON.parse()` 和 `JSON.stringify()` 进行序列化然后再反序列化，或者使用第三方库如 `lodash` 的 `_.cloneDeep()`：

import { useState, cloneDeep } from 'react';
const clonedState = cloneDeep(state);
setState(clonedState);

但是这种方法在处理复杂数据结构时可能会有一些性能开销，因此通常建议在必要时才进行深拷贝，并确保理解其影响。