React -通过setState设置对象的属性

import React, { Component } from 'react';

class Example extends Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'John',
      age: 30
    };
  }

  handleChangeName = () => {
    this.setState({
      name: 'Jane'
    });
  };

  handleChangeAge = () => {
    this.setState((prevState) => ({
      age: prevState.age + 1
    }));
  };

  render() {
    return (
      <div>
        <p>Name: {this.state.name}</p>
        <p>Age: {this.state.age}</p>
        <button onClick={this.handleChangeName}>Change Name</button>
        <button onClick={this.handleChangeAge}>Change Age</button>
      </div>
    );
  }
}

export default Example;

this.setState({ name: 'Jane' }, () => {
  console.log('State updated:', this.state.name);
});

this.setState({ name: 'Jane' }, () => {
  console.log('Updated state:', this.state.name);
});