Почему моя функция внутри componentDidMount не запускается?

Question

В следующем фрагменте почему this.setInterval не запускается при монтировании компонента?

class MyComponent extends React.Component {

  constructor(props) {
    super(props);
    this.setInterval = this.setInterval.bind(this);
  }

  setInterval = () => {
    console.log('Set Interval');
    setTimeout(function () {
        console.log('Test');
    }, 2000);
  }

  componentDidMount() {
    this.timer = this.setInterval;
  }
}

Answer 1

Вы должны вызывать функцию все время, передавая ссылку.

  componentDidMount() {
    this.timer = this.setInterval;
  }

должно быть

  componentDidMount() {
    this.timer = this.setInterval();
  }

Answer 2

 setInterval = () => {
    console.log('Set Interval');
    setTimeout(function () {
        console.log('Test');
    }, 2000);
  }

  componentDidMount() {
    this.timer = this.setInterval();
  }

Вам нужно вызвать setInterval () следующим образом. В componentDidMount он выполняется только один раз при начальной загрузке компонента.