如何使用setState更新object中的状态

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      person: {
        name: 'John',
        age: 25,
        email: 'john@example.com'
      }
    };
  }

  updateState = () => {
    // 创建对象的副本并更新属性
    const updatedPerson = { ...this.state.person, age: 26 };

    // 更新状态
    this.setState({ person: updatedPerson });
  }

  render() {
    return (
      <div>
        <p>Name: {this.state.person.name}</p>
        <p>Age: {this.state.person.age}</p>
        <p>Email: {this.state.person.email}</p>
        <button onClick={this.updateState}>Update Age</button>
      </div>
    );
  }
}