如何将状态中新更新的动态值添加到React.js中的旧对象中？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      oldObject: {
        key1: 'value1',
        key2: 'value2'
      },
      newValue: 'new value'
    };
  }

  updateObject() {
    // 获取旧对象的副本
    const oldObjectCopy = { ...this.state.oldObject };

    // 将新的动态值添加到副本中
    oldObjectCopy.key3 = this.state.newValue;

    // 更新状态并重新渲染组件
    this.setState({ oldObject: oldObjectCopy });
  }

  render() {
    return (
      <div>
        <button onClick={() => this.updateObject()}>更新对象</button>
        <pre>{JSON.stringify(this.state.oldObject, null, 2)}</pre>
      </div>
    );
  }
}