How to create a data state listener?

Question

React

Good afternoon.
Faced such task.
There is a global array in which it finds an object. The number of this object, that is, its index , is sent to the state as soon as I receive it.
Start state:

this.state = {
      index: 0,
      data: []
    };

After receiving:

this.state = {
      index: 1,
      data: []
    };

The task is this. As soon as index changes from 0 to 1, I need to send a request through redux to get the next object from the global array. And so on. As soon as state.index = 2 , I need to send a request to get the 3rd object.
How to do it ?

Answer 1

componentDidUpdate() is fine for this.

componentDidUpdate(prevProps, prevState){
  if(prevState.index !== this.state.index){ // проверяем, что обновился именно нужный нам state
    this.props.getNewObject() 
  }
}