React 中使用 fetch 和 async/await 捕获错误并获取 JSON 数据

使用async/await模式进行fetch请求时，可以使用try/catch来捕获抛出的错误。在catch块中，您可以使用response.json()方法来获取错误响应的json数据。

以下是一个示例代码：

async function fetchData() {
  try {
    const response = await fetch('https://example.com/api/data');
    if (!response.ok) {
      const errorData = await response.json();
      throw new Error(errorData.message);
    }
    const data = await response.json();
    // 处理数据
  } catch (error) {
    console.error('错误:', error);
  }
}

fetchData();

在上面的示例中，如果fetch请求返回的响应状态不是200（成功），则会抛出一个错误，并通过response.json()方法获取错误响应的json数据。然后，您可以从errorData中获取错误消息并抛出一个新的Error对象。

请注意，如果响应状态为200，您可以直接使用response.json()方法来获取响应数据。