rxjs - 失败时取消 ajax 调用序列

Question

在我的商店中有一个包含待处理网络请求的队列。当动作ATTEMPT_FLUSH发出时，我想按顺序发送请求。但是，如果其中一个失败并发出ATTEMPT_FLUSH_CANCELLED，则不应尝试下一个ATTEMPT_FLUSH（当然，直到我再次尝试下一个）。

这是我到目前为止所拥有的

export const attemptFlushEpic = (action$, store) =>
  action$
    .ofType(ATTEMPT_FLUSH)
    .mergeMap(() => Observable.from(store.getState().queue)) // state.queue is an array
    .concatMap(action =>
        Observable.ajax(action.url)
        .map(response => removeFromQueue(action))
        .catch(err => Observable.of(attemptFlushCancelled())));

Answer 1

向上移动实际的 ajax 调用应该取消后续的 ajax 失败。

export const attemptFlushEpic = (action$, store) =>
  action$
    .ofType(ATTEMPT_FLUSH)
    .mergeMap(() => Observable.from(store.getState().queue)
      .concatMap(action => Observable.ajax(action.url)
        .map(response => removeFromQueue(action)))
      .catch(err => Observable.of(attemptFlushCancelled())))
    );