reactjs - 在调度时使用异步等待

Question

我通过使调度异步来修改react-native中的async wait。如下所示，使调度异步化是否有任何错误或问题？它似乎可以工作(除了它是一个填充)。如果这种方法没有任何问题，我认为它对于react-native来说可以很好地工作。

export function fetchData(date, lng, lat){
  const {year, month} = date;
  return async(dispatch) => {
    dispatch(requestData())
    try {
      const data = await request(`http://data.police.uk/api/crimes-street/all-crime?lat=${lat}&lng=${lng}&date=${year}-${month}`)
      dispatch(recieveData(data))
    } catch (err) {
      dispatch(requestError(err))
    }
  }
} 

Answer 1

这应该工作得很好(假设你的中间件中有 redux-thunk)。我在几个 React/Redux 应用程序中使用了类似的方法(使用 Promise 而不是 async/await)。

还有一个 redux-promise ，但我发现它不够，原因有两个:没有“开始”操作，并且无法设置 meta对于异步操作通常是必需的。因此，我更喜欢显式地分派(dispatch)操作，而不是像您的代码那样分派(dispatch) promise 。