如何在React状态下更新嵌套数组？

const [nestedArray, setNestedArray] = useState([[1, 2, 3], [4, 5, 6]]);

// 使用setState更新嵌套数组
const updateNestedArray = () => {
  setNestedArray(prevState => {
    const newArray = [...prevState]; // 创建嵌套数组的副本
    newArray[0][1] = 10; // 修改副本中的值
    return newArray; // 返回更新后的副本
  });
};

// 使用useState的更新函数更新嵌套数组
const updateNestedArray = () => {
  setNestedArray(prevState => {
    const newArray = [...prevState]; // 创建嵌套数组的副本
    newArray[0][1] = 10; // 修改副本中的值
    return newArray; // 返回更新后的副本
  });
};

return (
  <div>
    {nestedArray.map((subArray, index) => (
      <ul key={index}>
        {subArray.map((item, subIndex) => (
          <li key={subIndex}>{item}</li>
        ))}
      </ul>
    ))}
  </div>
);