AwaitキーワードがReduxアクション内で動作しません

Question

私はReduxアクションにasync/await構文を組み込もうとしていますが、何らかの理由で動作しません。私は私の人生のために、次のと間違っているものを見ることができません。

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の機能は間違いなく約束を返します。

Answer 1

これは、矢印関数の構文による一般的な誤りです。

あなたのload機能はasyncですが、匿名の矢印機能dispatch => {...}を返します。それはasync関数内だとき

awaitにのみ動作し、あなたのawait呼び出しは匿名の内部で、それが動作しない理由だというasyncない関数を返されます。 をdispatchの直前に移動すると正常に動作します。

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