javascript - 等待关键字在 Redux 操作中不起作用

Question

我正在尝试将 async/await 语法合并到我的 Redux 操作中，但由于某种原因，它不起作用。我一生都看不出以下内容有什么问题:

const actions = {
    load: async (staff, date) => dispatch => {
        const data = {
            dateFrom: date,
            dateTo: date,
            person: staff,
            personType: 'staff'
        };

        const events = utils.getDataPromise('json/events/load', data);
        const classes = utils.getDataPromise('json/timetable/load', data);

        dispatch({
            type: actions.MYDAY_LOAD,
            staff,
            date: date || new Date(),
            events: await events,
            classes: await classes
        });
    },
}

utils 函数肯定会返回一个 promise。

Answer 1

由于箭头函数语法，这是一个常见的错误。

您的load 函数是async 但返回一个匿名箭头函数dispatch => {...}。

await 只有在 async 函数中并且您的 await 调用在非 async 的匿名返回函数中时才有效 这就是它不起作用的原因。将 async 移动到 dispatch 之前，这应该可以工作。

const actions = {
    load: (staff, date) => async dispatch => {...}
    //                     ^^^^^ move it here
...
}