Change state multiple times in an action about react-waterfall HOT 4 CLOSED

Maybe what you're looking for is that kind of pattern https://github.com/didierfranc/react-waterfall/blob/master/examples/fetch/src/store/index.js#L13-L22

from react-waterfall.

Well, not exactly. Actually, I am try to find a way to set state multiple times inside an action, and each setState should trigger the ui updates. Though this could be done via calling other actions, still wondering more straight forward way to trigger state change instead of return only one state.

from react-waterfall.

You can't do that with redux, same here (action, state) => state but you can chain actions

from react-waterfall.

Something like this:

export function getEventList(filterText) {
  return async (dispatch, getState) => {
    try {
      const state = getState();
      const accountId = getActiveAccountId(state);
      dispatch({ type: GET_EVENT_LIST_LOADING, payload: { accountId } });
      const {
        eventList,
        events,
        timestamp,
      } = await api.getEventList(filterText);
      dispatch({ type: GET_EVENTS_COMPLETE, payload: eventsPayload });
      dispatch({ type: GET_EVENT_LIST_COMPLETE, payload: eventListPayload });
    } catch (err) {
      dispatch({ type: GET_EVENT_LIST_ERROR, payload: err });
    }
  };
}

Each dispatch() will trigger state change, and state changed multiple times within an action

from react-waterfall.