react redux-thunk中的递归api调用的正确模式

Question

We want to make a recursive API call based on the number of records received in the response. For example, if the number of records we get is 10 and the total records are 20, we need to call to the same API again with an updated marker (ie, we are making calls to next 10 records).

So, what should be the correct pattern to call the API again? Should I do a .then() to the first dispatch(it is inside componentDidMount method) or should I call the API again instead of dispatching the first response.

Though the first option works but it would cause the render method to be called multiple times and I am not sure if that is the correct pattern or not.

componentDidMount() {
    store.dispatch(getCustomerData('1234',1,10)).then((res) => {
     //do some login and call store.dispatch(getCustomerData('1234',2,10)) again
   })
  }

Answer 1

OK, so based on on your comments I would suggest to just call one function in your componentDidMount and call your api inside this function. After getting response you can check if there is more data and call your api again for the other datas. Like you said using .then() will do the work. I hope I explained myself clearly, if not please say it so I can describe it with more detail.