Отмена запроса с использованием избыточного значения не работает - PullRequest
Новая
       21

Отмена запроса с использованием избыточного значения не работает

0 голосов
/ 28 ноября 2018

Я пытаюсь добавить отмену в моем запросе, используя redux-observable.Попытка реализовать простой пример входа в систему.В настоящее время я не могу снова отправить запрос на вход после добавления отмены.

const loginUserApiCall = (username, password) => {
  return new Promise((resolve, reject) => {
    if (username === "foo" && password === "foo") {
      resolve({
        user: { name: "foo", lastName: "fooLName", email: "foo@gmail.com" }
      });
    }
    reject({ err: "Creds are incorrect" });
  });
};

const loginRequestEpic = (action$, state$) =>
  action$.pipe(
    ofType(LOGIN_REQUEST),
    mergeMap(action => {
      const { username, password } = action.payload;
      return loginUserApiCall(username, password);
    }),
    mergeMap(res => of(loginSuccess(res))),
    takeUntil(action$.pipe(ofType(LOGIN_CANCELLED))),
    catchError(err => {
      return of(loginFailure(err))
    })
  );

Что я делаю неправильно, поскольку отмена не происходит, и я не могу повторить запрос после его отмены?Когда пользователь отменяет, я могу повторить попытку.

1 Ответ

0 голосов
/ 28 ноября 2018

Как только takeUntil будет выполнено, он завершит вашу наблюдаемую задачу, так же как и при появлении ошибки и отключении всего потока.Вы можете добавить repeat оператор в конец 

  action$.pipe(
    ofType(LOGIN_REQUEST),
    mergeMap(action => {
      const { username, password } = action.payload;
      return loginUserApiCall(username, password);
    }),
    mergeMap(res => of(loginSuccess(res))),
    takeUntil(action$.pipe(ofType(LOGIN_CANCELLED))),
    catchError(err => {
      return of(loginFailure(err))
    }),
    repeat()
  );
...