如何在State中更改嵌套对象的属性？

import React, { useState } from 'react';

const App = () => {
  const [state, setState] = useState({
    nestedObject: {
      property1: 'value1',
      property2: 'value2'
    }
  });

  const handleChange = () => {
    // 获取嵌套对象的引用
    const nestedObject = state.nestedObject;

    // 创建新的对象并复制原始嵌套对象的属性
    const updatedObject = { ...nestedObject };

    // 修改新对象中的属性
    updatedObject.property1 = 'new value1';

    // 更新State中嵌套对象的值
    setState({
      ...state,
      nestedObject: updatedObject
    });
  };

  return (
    <div>
      <button onClick={handleChange}>更改属性</button>
      <p>property1的值：{state.nestedObject.property1}</p>
      <p>property2的值：{state.nestedObject.property2}</p>
    </div>
  );
};

export default App;