reactjs - 我如何使用React Hooks向用户显示特定的HTTP响应代码和消息

标签 reactjs api error-handling react-hooks

我正在使用API​​来获取信息,并且我想在出现错误时显示用户特定的错误消息和代码。具体来说,在这个项目中,如果我执行太多请求的速度太快,我会得到429: Too many requests
我想向用户显示此信息,但是当我console.log错误时,我得到的内容不同于响应代码。我得到Syntax error: < at 0 JSON position
请帮忙!提前致谢。

最佳答案

我真正确定的是您的服务器在响应中返回了一些HTML布局。然后,您尝试通过data.json()将其解析为JSON字符串,当然会收到语法错误,因为它不是JSON(HTML布局以<符号开头,因此出现错误:SyntaxError:意外的 token <)-与您相同的错误。
您可以获取如下状态码和错误消息。

fetch(API).then((response) => {
    console.log('status code', response.status)
})
.catch((error) => {
    console.log('error msg', error.message)
})

关于reactjs - 我如何使用React Hooks向用户显示特定的HTTP响应代码和消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64311239/

相关文章:

javascript - React 和 GraphQL 中使用的 "..."语法是什么?它是更通用的 Javascript 吗?

api - 如何使用 Codeception Hook beforeSuite 事件进行 API 验收测试?

python - 接收 "detail": "not found" for detail view with Django Rest Framework

ruby - 如何使用Ruby在密码失败时输出其他错误消息

wpf - 如何处理低级错误并将其传达给 wpf gui?

javascript - 为简单函数编写 JEST 单元测试

javascript - 比较对象字符串、字符串化恒等运算符和字符串

javascript - 使用 Firebase Auth 和 React Native 增加内存使用量

php - 使用 Laravel 5,如何确定 Mailgun 电子邮件是否已成功发送?

r - 绕过 data.table::fread 中的 "ghost"换行符或文件结尾 (EOF)