useState设置器方法不更新数组

useState是React中的一个Hook，用于在函数组件中添加状态。它返回一个包含当前状态值和更新状态值的数组，其中第一个元素是当前状态值，第二个元素是更新状态值的方法。

在使用useState时，如果状态值是一个数组，使用设置器方法更新数组的元素时，需要注意一个问题：设置器方法不会直接更新数组，而是创建一个新的数组。这是因为React使用浅比较来检测状态值的变化，如果直接修改数组的元素，React无法检测到变化，从而无法触发重新渲染。

为了正确更新数组，可以使用展开运算符或数组的map方法来创建一个新的数组，并在新数组中修改需要更新的元素。例如：

const [array, setArray] = useState([1, 2, 3]);
// 使用展开运算符创建新数组
const updateArray = (index, value) => {
  setArray([...array.slice(0, index), value, ...array.slice(index + 1)]);