react redux-thunk

时间:2019-07-10 09:48:38

标签: reactjs typescript redux-thunk

我们要基于响应中收到的记录数进行递归API调用。 例如,如果我们得到的记录数为10,而总记录为20,则需要使用更新的标记再次调用相同的API(即,我们要调用下10条记录)。

那么,再次调用API的正确模式应该是什么?我应该对第一个调度(在componentDidMount方法内部)执行.then()还是应该再次调用API而不是调度第一个响应。

尽管第一个选项有效,但它将导致render方法被多次调用,但我不确定这是否是正确的模式。

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

1 个答案:

答案 0 :(得分:0)

好的,因此根据您的评论,我建议仅在componentDidMount中调用一个函数,然后在此函数内调用api。得到响应后,您可以检查是否还有更多数据,然后再次调用您的api获取其他数据。就像您说的那样,使用.then()可以完成工作。 我希望我能清楚地解释自己,如果不能的话,我可以更详细地描述它。