如何在父状态更新后仅调用子组件中的方法一次

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

  componentDidUpdate(prevProps, prevState) {
    if (prevState.parentState !== this.state.parentState) {
      this.childComponent.methodToCall();
    }
  }

  updateParentState = () => {
    this.setState(prevState => ({
      parentState: prevState.parentState + 1
    }));
  }

  render() {
    return (
      <div>
        <button onClick={this.updateParentState}>更新父状态</button>
        <ChildComponent ref={ref => this.childComponent = ref} />
      </div>
    );
  }
}

class ChildComponent extends React.Component {
  methodToCall() {
    // 在这里编写需要在父状态更新后调用的方法
    console.log("子组件方法被调用");
  }

  render() {
    return <div>子组件</div>;
  }
}