在异步函数结束之前调用的React setState

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

  handleClick = async () => {
    await this.asyncFunction();
    this.setState({ count: this.state.count + 1 }, () => {
      console.log("State updated:", this.state.count);
    });
  };

  asyncFunction = () => {
    return new Promise((resolve) => {
      setTimeout(() => {
        resolve();
      }, 1000);
    });
  };

  render() {
    return (
      <div>
        <button onClick={this.handleClick}>Update State</button>
        <p>Count: {this.state.count}</p>
      </div>
    );
  }
}