代码之家 › 专栏 › 技术社区 › turisap

在redux thunk中调用另一个异步函数中的一个异步函数

redux-thunk asynchronous reactjs javascript

turisap · 技术社区 · 7 年前

我正在构建一个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'));
    });
};

我怎么能把一个叫做另一个?

2 回复 | 直到 7 年前

Shubham Khatri 7 年前

为了从一个动作创建者内部调用另一个动作,您只需 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'));
        });
 };

Code-Apprentice 7 年前

getActivites()

这做成功呼叫 getActivities() . 但是,它返回一个匿名函数,其中包含 console.log() 呼叫在此处忽略此返回值。

必须调度返回的函数,以确保调用它:

dispatch(getActivities())

推荐文章

Piotr Chmielowiec · 组件从一个调度发出两个api调用

3 年前

zishe · React Redux同步操作返回一些代理对象而不是字符串

7 年前

DÅ¾enis H. · 仅在刷新页面后呈现道具

7 年前

lex · reactjs减速机相关术语说明[已关闭]

7 年前

kosmicbird · 如何将异步thunk操作延迟到存储了身份验证会话令牌之后?

7 年前

John · 404使用react-routerv4从react redux应用程序中的状态呈现组件时出错?

7 年前

Juan · 与Redux thunk异步/等待。获取错误:操作必须是普通对象。对异步操作使用自定义中间件

7 年前

jsDev · 调用两个异步操作的正确方法

7 年前

samtoya · Redux异步操作getState()返回未定义?

7 年前

Adrian Florescu · Typescript Redux Thunk(类型)

7 年前