Вызовите другое действие после успешного вызова API в Redux?

Question

Я выполняю POST-запрос к конечной точке API, которая должна изменить логическое значение свойства на 'true'.

Так примерно:

export const toggleToTrue = payload => {
    return (dispatch, getState) => {
        let store = getState();         
        dispatch({ type: "TOGGLE_TO_TRUE", payload });
        return axios
            .post(
                someendpoint,
                { payload },
                {
                    headers: {
                        Authorization: "Bearer " + accessToken,
                        "Content-type": "application/json"
                    }
                }
            )
            .then(res =>
                dispatch({
                    type: "TOGGLE_TO_TRUE_RESOLVE",
                    res: res.data
                })
            )
            .catch(err =>
                dispatch({
                    type: "TOGGLE_TO_TRUE_ERROR",
                    err: err
                })
            );
    };
};

Тогда на моем редукторе:

case "TOGGLE_TO_TRUE":
    newState.status = action.type;
    newState.error = null;
    return [...state, newState];
    break;
case "TOGGLE_TO_TRUE_RESOLVE":
    if (action.res.errorCode == 0) {
        newState.status = "TOGGLE_TO_TRUE_SUCCESS";
        // Need to dispatch again the action to get updated list
    } else {
        newState.status = "TOGGLE_TO_TRUE_ERROR";
        newState.error = getErrorMessage(action.res);
    }
    return [...state, newState];
    break;
case "TOGGLE_TO_TRUE_ERROR":
    newState.status = action.type;
    newState.error = getErrorMessage(action.err);
    return [...state, newState];
    break;

В настоящее время мой POST-запрос успешен, однако, поскольку я не получаю данные из этого пост-запроса, мне нужно выполнить еще один GET-запрос для получения обновленного объекта.

Где мне это сделать в моем коде?

Answer 1

Сразу после отправки действия TOGGLE_TO_TRUE_RESOLVE:

...
.then(res =>
  dispatch({
    type: "TOGGLE_TO_TRUE_RESOLVE",
    res: res.data
  })
)
.then(callTheApiAgain)
.then(res =>
  dispatch({
    type: "TOGGLE_TO_TRUE_SUCCESS",
    res: res.data
  })
);

Но вам также нужно обработать новое действие TOGGLE_TO_TRUE_SUCCESS в вашем редукторе.