Redux-saga root saga 中的多个 saga

Question

Here is my code:

login.saga.ts

export function* authenticate(action: AuthenticateRequestAction) {
  ...
}

export function* logout(action: LogoutRequestAction) {
  try {
    yield LoginService.logout(action.data);
    yield put(AppActions.resetUser());
    yield put(loginActions.setAuthenticationSuccessRequest(false));
  } catch (err) {
    Notification({
      type: 'error',
      message: err.message,
      description: i18n.t('login.logoutFailed'),
    });
  }
}

export default function* loginSaga() {
  yield [
    takeLatest(ELoginActionTypes.AUTHENTICATE_REQUEST, authenticate),
    takeLatest(ELoginActionTypes.LOGOUT_REQUEST, logout),
  ];
}

rootSaga.ts

export default function* rootSaga() {
  yield all([appSaga(), loginSaga()]);
}

My app is just listening to the first action called, for example LOGOUT_REQUEST but won't listen other actions after that one, even the actions called with

yield put()

So I guess my setup is wrong, any idea ?

Answer 1

Should you not try something like this example from the redux-saga docs?

export default function* loginSaga() {
  while (true) {
    const authAction = yield take(ELoginActionTypes.AUTHENTICATE_REQUEST);
    yield* authenticate(authAction);
    const logoutAction = yield take(ELoginActionTypes.LOGOUT_REQUEST),
    yield* logout(logoutAction);
  };
}