javascript - 在我的 Redux 应用程序中处理错误的代码中添加什么？

Question

我有一个用 Redux-React 编写的应用程序。在文件index.js(action)中我向api写入了请求，然后api给了我答案。但有人对这段代码发表了评论，他说:
如果 API 返回错误，则根本不会处理

文件index.js的一小部分(操作):

export function fetchData(day) {
  return async dispatch => {
    dispatch({ type: "LOAD_DATA_START", day });
    const response = await fetch(`https://api.iev.aero/api/flights/${day}`);
    const data = (await response.json()).body;
    dispatch({ type: "LOAD_DATA_END", payload: { data, day } });
  };
}

在我的代码中添加什么来处理错误？本人刚接触web开发，即请用代码演示一下。 附:无法使用构造then!

Answer 1

这是您的请求。

export function fetchData(day) {
    return async dispatch => {
        try {
            dispatch({ type: "LOAD_DATA_START", day });
            const response = await fetch(`https://api.iev.aero/api/flights/${day}`);
            const data = (await response.json()).body;
            dispatch({ type: "LOAD_DATA_END", payload: { data, day } });
        } catch (err) {
            // do whatever you want with the err, you can dispatch an event.
        }
    };
}