获得错误“未处理的拒绝(TypeError)：即使在reactjs中捕获错误时api_call4.json也不是一个函数”

Question

在获取天气api时，如果发生断开连接，则会抛出错误并捕捉到错误，几秒钟后，错误将显示在屏幕上，这非常令人不快。不知道解决这个错误。

1. App.js文件

const api_call4 = await fetch(`https://api.weatherbit.io/v2.0/current?` + 
`city=${city}&key=${API_KEY3}`).catch(error => toast.error('No Data Received',error))
const data4 = await api_call4.json();
console.log('DATA CURRENT', data4)

正如您在上面看到的，错误被捕获，但是仍然有错误被忽略。请看下面的图片。什么是最好的解决方案..。

​

​

Answer 1

您必须更改您的流程，以确保您的api调用成功。一种方法是使用try/catch块，因为您使用的是异步/等待。类似于：

try {
  const api_call4 = await fetch(`https://api.weatherbit.io/v2.0/current?` + 
    `city=${city}&key=${API_KEY3}`)
  const data4 = await api_call4.json();
  console.log('DATA CURRENT', data4)
} 
catch(error) {
  toast.error('No Data Received',error)
}