如何在setState()完成后调用函数

this.setState({ 
  // 更新的状态
}, () => {
  // 在setState()完成后调用的函数
  // 可以在这里执行你想要的操作
});

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

  handleClick = () => {
    this.setState({ 
      count: this.state.count + 1
    }, () => {
      this.showMessage("Count updated!");
    });
  }

  showMessage = (message) => {
    this.setState({ message });
  }

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