Как решить проблему с forceUpdate?

Question

[Илья]

Привет есть componentDidMount который запускает две функции с определенным интервалом:

componentDidMount() {
       
            setInterval(() => {

                this.CheckingSetting()
                this.OtherCheckingSetting()
    
            }, 10000);
      

    }

Все в принципе работает но постоянно появляется ошибка :

Warning: Can't call setState (or forceUpdate) on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.%s,

Помогите решить проблему.

Comments

[Роман Александрович]

когда вы выходите из компонента необходимо счетчик останавливать.

var refreshIntervalId = setInterval(fname, 10000);

/* later */
componentWillUnmount(){
clearInterval(refreshIntervalId);
}

Answer 1

[Антон Спирин]

class Example extends React.Component {
  interval;

  componentDidMount() {
    this.interval = setInterval(() => { /* ... */ }, 3000);
  }

  componentWillUnmount() {
    clearInterval(this.interval);
  }
}