Redux Sagas, ставьте одно и то же действие параллельно несколько раз - PullRequest
Новая
       16

Redux Sagas, ставьте одно и то же действие параллельно несколько раз

0 голосов
/ 24 мая 2019

Как я могу put один и тот же тип действия несколько раз параллельно и иметь возможность take всех ответов? В документации Redux они используют call и all для параллельных вызовов API, но из того, что я прочитал, редукторы вызываются только при отправке действий. Как я могу отправлять одно и то же действие параллельно, извлекать результат каждого действия и вызывать редукторы? 

# api/actions.ts
const getUserRequest = createAction('GET_USER_REQUEST', { userId });
const getUserSuccess = createAction('GET_USER_SUCCESS', { user });

# api/sagas.ts
function* fetchUser(action) {
  const user = axios.get(`api.example.com/users/${action.payload.userId}`;
  yield put({type: GET_USER_SUCCESS, user.data});
}

# api/reducers.ts
function (state, action) {
  switch(action.type) {
    case: GET_USER_REQUEST:
      return {
        ...state,
        [action.payload.userId] = {}
      };
    case: GET_USER_SUCCESS:
      return {
        ...state,
        [action.payload.userId] = {...action.payload}
      };
    default:
      return state;
  }
}

# ui/sagas.ts
function* fetchSelectedUsers(userIds: number[]){
  # I'm stuck at this saga.  How can I get multiple users, have reducers invoked, and perform additional processing in this saga after they've been retrieved?
  const actionsToDispatch = userIds.map(x =>
    put(getUserRequest({userId}))
  );

  yield all(actionsToDispatch);

  # Pseudo code
  const users = yield take(actionsToDispatch);
  users.map(x => {
    // Perform additional work from users that were returned.  Reducers must also be called from the `yield all(actionsToDispatch);` from above.
  });
}
...