[英]Calling one async function inside another in redux-thunk
我正在构建一个react应用程序并使用redux-thunk进行异步操作。 我有两个函数getActivities()
和createActivity()
,我想在成功调用后者后调用前者。 但是,如果我把getActivities()
内then
块createActivity()
简单地说就是不会被调用(这是没有看到的console.log(),我把在证明getActivities()
这两个功能:
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'));
});
};
getActivites()
这确实成功调用了getActivities()
。 但是,它返回一个包含console.log()
调用的匿名函数。 您在此处忽略此返回值。
您必须调度返回的函数以确保它被调用:
dispatch(getActivities())
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.