无法在react js中的onplacechanged事件发生后更新状态？

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.onPlaceChanged = this.onPlaceChanged.bind(this);
  }

  onPlaceChanged() {
    // 更新状态的逻辑
  }

  render() {
    return (
      <div>
        <input type="text" id="placeInput" />
        <button onClick={this.onPlaceChanged}>触发事件</button>
      </div>
    );
  }
}

class MyComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      place: '',
    };
    this.onPlaceChanged = this.onPlaceChanged.bind(this);
  }

  onPlaceChanged() {
    // 异步操作更新状态
    // ...
    this.setState({ place: 'New Place' }, () => {
      // 在回调函数中进行状态相关的逻辑操作
      // ...
    });
  }

  render() {
    return (
      <div>
        <input type="text" id="placeInput" />
        <button onClick={this.onPlaceChanged}>触发事件</button>
        <p>当前地点：{this.state.place}</p>
      </div>
    );
  }
}