在redux-thunk中调用一个异步函数内的另一个函数-前端问题

Calling one async function inside another in redux-thunk(在redux-thunk中调用一个异步函数内的另一个函数)

本文介绍了在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中调用一个异步函数内的另一个函数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！