在redux-thunk中調用一個異步函數內的另一個函數 [英] Calling one async function inside another in redux-thunk

問題描述

我正在構建一個Reaction應用程序，并使用redux-thunk進行異步操作。我有兩個函數getActivities()和createActivity()，我想在成功調用后者后調用前者。但是如果我將getActivities()放在createActivity()的then塊中，它就不會被調用(這通過沒有看到我放在getActivities()中的console.log()來證明)。下面是兩個函數：

export const getActivities = () => dispatch => {
console.log('again');
return axios.get(ENV.stravaAPI.athleteActivitiesBaseEndPoint, autHeaders)
    .then(resp => {
        dispatch({type: actions.GET_ACTIVITIES, activities: resp.data})
    })
    .catch(err => {
        if(window.DEBUG)console.log(err);
    })
};

export const createActivity = data => dispatch => {

dispatch(setLoadingElement('activityForm'));
return axios.post(URL, null, autHeaders)
    .then(resp => {
        if (resp.status === 201) {
            dispatch(emptyModal());
        }
        // I WANT TO CALL getActivities() HERE
        dispatch(unsetLoadingElement('activityForm'));
    })
    .catch(err => {
        if(window.DEBUG) console.log(err.response.data.errors);
        dispatch(unsetLoadingElement('activityForm'));
    });
};

如何在另一個內部調用？

推薦答案

要從一個操作創建者內部調用另一個操作，只需dispatch該操作，如dispatch(getActivities())

export const createActivity = data => dispatch => {

    dispatch(setLoadingElement('activityForm'));
    return axios.post(URL, null, autHeaders)
        .then(resp => {
            if (resp.status === 201) {
                dispatch(emptyModal());
            }
            dispatch(getActivities());
            dispatch(unsetLoadingElement('activityForm'));
        })
        .catch(err => {
            if(window.DEBUG) console.log(err.response.data.errors);
            dispatch(unsetLoadingElement('activityForm'));
        });
 };

這篇關于在redux-thunk中調用一個異步函數內的另一個函數的文章就介紹到這了，希望我們推薦的答案對大家有所幫助，也希望大家多多支持IT屋！