怎么让componentDidUpdate里的if语句只执行一次

可以使用一个状态变量来判断if语句是否已经执行过，如果已经执行过就不再执行。具体代码如下：

class ExampleComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      hasUpdated: false
    };
  }

  componentDidUpdate(prevProps, prevState) {
    if (!this.state.hasUpdated) {
      // 执行if语句要执行的代码
      this.setState({ hasUpdated: true });
    }
  }

  render() {
    return <div>Example Component</div>;
  }
}

在componentDidUpdate中，我们在if语句中加了一个条件，只有当hasUpdated为false时才执行代码。执行完这段代码之后，我们设置hasUpdated为true，表示这段代码已经执行过了。这样，下一次如果组件更新了，componentDidUpdate中的代码就不会再执行了。