javascript - React Native、Redux 和 Fetch : "Possible Unhandled Promise Rejection (id: 0)"

Question

我正在将网页中的 JSON 数据加载到我的 React Native 应用程序中，并希望将数据存储在 Redux 中。我目前正在像这样使用 Fetch:

fetch('https://foo.com/product-data/product1.json')
.then((response) => response.json())
.then((responseData) => this.state.productLoad(responseData)); 

其中 productLoad 是我的操作名称:

export const productLoad = (productData) => {
  return {
    type: 'product_load',
    payload: productData
  };
};

不幸的是，当我运行 Fetch 代码时出现此错误:

Possible Unhandled Promise Rejection (id: 0)
TypeError: _this2.state.productLoad is not a function

我一直在网上搜索，尝试了所有方法，但找不到解决方案。我倾向于认为这可能与在加载数据之前尝试调用操作有关，因此我尝试使用 Redux Thunk，但没有成功(也许我只是没有正确配置 Thunk)。或者我的 productLoad 函数调用格式不正确？

如果有任何想法和建议，我将不胜感激。

Answer 1

添加 .catch 以捕获来自获取请求的可能错误。

fetch(api)
.then()
.then()
.catch(err => {
  console.log('ERROR', err)
}