javascript - Await keyword not working within Redux action -
i'm trying incorporate async/await syntax redux actions but, reason, it's not working. cannot life of me see wrong following:
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 }); }, } the utils function returns promise.
this common mistake due arrow functions syntax.
your load function async returns anonymous arrow function dispatch => {...}.
await works when it's inside async function , await calls inside anonymous returned function not async that's why doesn't work. move async before dispatch , should work.
const actions = { load: (staff, date) => async dispatch => {...} // ^^^^^ move here ... }
Comments
Post a Comment