在redux中API调用成功后调用另一个动作？

Question

我正在向 API 端点发出 POST 请求，该端点应该将属性的布尔值更改为“真”。

大致如下：

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 请求是成功的，但是由于我没有从这个 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
  })
);

但您还需要在 reducer 中处理新操作 TOGGLE_TO_TRUE_SUCCESS。