setState中的React访问超出范围的变量

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
      message: 'Hello'
    };
  }

  handleClick = () => {
    const newCount = this.state.count + 1;
    const newMessage = `Count is now ${newCount}`;

    this.setState(
      { count: newCount, message: newMessage },
      () => {
        // 在这里访问更新后的状态
        console.log(this.state.count); // 输出新的 count 值
        console.log(this.state.message); // 输出新的 message 值
      }
    );
  };

  render() {
    return (
      <div>
        <p>{this.state.message}</p>
        <button onClick={this.handleClick}>Increment</button>
      </div>
    );
  }
}