Redux-saga root saga 中的多個 saga

Question

這是我的代碼：

登錄.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),
  ];
}

根目錄

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

我的應用程序只是在聽第一個調用的動作，例如LOGOUT_REQUEST但不會聽那個之后的其他動作，即使是用

yield put()

所以我想我的設置是錯誤的，知道嗎？

Answer 1

你不應該嘗試像 redux-saga 文檔中的這個例子嗎？

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);
  };
}