好的React-Redux模式可以避免无限循环

时间:2018-07-04 16:45:48

标签: reactjs redux

当前,我正在创建一个(额外的?)动作,其唯一目的是将 getSampleDataSuccess 变量设置为false,所以我要做的是:

  1. componentDidMount 上,我从API请求一些数据。
  2. 关于 componentWillReceiveProps 我检查了 getSampleDataSuccess
  3. 如果为true(表示成功),那么我要求更多数据。
  4. 如果为false,则显示错误消息。

问题是 getSampleDataSuccess 总是正确的,除非它出错,但重点是只要 getSampleDataSuccess 是正确的,我会打电话给第二个API请求,因此无限循环。为避免这种情况,我正在创建一个额外的操作,一旦我在componentWillReceiveProps中接收到数据,就将 getSampleDataSuccess 设置为false。

希望有人能告诉我这样做的正确方法是什么? 提前致谢。

1 个答案:

答案 0 :(得分:0)

拥有另一个状态变量getSampleDataInProgress怎么样?

getSampleDataSuccess === true && getSampleDataInProgress === false时,请求更多数据,否则什么也不做。