reactjs:如何为嵌套对象同步多次setState

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      nestedObject: {
        property1: 'value1',
        property2: 'value2',
        property3: 'value3'
      }
    };
  }

  updateNestedObject() {
    this.setState(prevState => ({
      nestedObject: {
        ...prevState.nestedObject,
        property1: 'new value1',
        property2: 'new value2'
      }
    }));

    // 在上一个setState的基础上再次更新
    this.setState(prevState => ({
      nestedObject: {
        ...prevState.nestedObject,
        property3: 'new value3'
      }
    }));
  }

  render() {
    return (
      <div>
        <button onClick={() => this.updateNestedObject()}>更新嵌套对象</button>
      </div>
    );
  }
}