react对特定的错误请求进行处理

最新推荐文章于 2023-04-17 20:19:08 发布
最新推荐文章于 2023-04-17 20:19:08 发布
阅读量573 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58207509/article/details/123482147
版权

javascript react

在有些需要我们对错误信息的错误码errorCode进行判断，对特定的错误进行不同的处理，这时候需要怎么做呢？

1 借助ahooks里的useRequest

利用 useRequest里的onError可以轻松获取到请求失败时 拿到的错误信息

同时对错误信息进行处理

2 借助 try catch

在 catch 参数 error 中拿到错误信息 进行判断 同时除了特定的错误外，我们需要对其他错误进行抛出

当然办法还有很多 在此仅仅记录一下 比较实用的俩个方法

捧鲜花的唐老鸭
关注
React如何解决fetch跨域请求时session失效问题
10-17
在React开发中，我们经常需要进行跨域请求以获取数据，而fetch API是现代JavaScript中进行网络请求的常用工具。然而，在使用fetch进行跨域请求时，可能会遇到session失效的问题，这会影响用户的登录状态和应用的功能...
react-React钩子来处理React组件中的异步操作如获取数据
08-14
在React的世界里，异步操作是常见的需求，例如获取远程数据、执行定时任务或处理用户交互。随着React Hooks的引入，处理这些复杂场景变得更加简洁和高效。本篇将深入探讨如何利用React Hooks来处理组件中的异步操作...
react前端封装接口弹出错误_react中请求接口的封装
weixin_32875295的博客
02-21 685
1. 新建一个dva项目。使用antd 或者antd-mobile组件库。$ npm install dva-cli-g$ dva-v$ dvanewdva-quickstart$ npm start$ npm install antd babel-plugin-import--save或者是$ npm install antd-mobile babel-plugin-import--sa...
用react hooks实现一个全局路由拦截(一)
baidu_41601048的博客
11-09 3615
react hooks 已经盛行一段时间。最新的react-router-dom 和react-redux也都同时支持了hooks写法。我们可以抛弃 withRouter轻松获取location等对象，也再也无须写mapStateToProps和mapDispatchToProps。下面我们结合react-router-dom实现一个简单的登录验证和全局拦截实例。 注意：react版本至少要16.8， 本实例基础库版本如下： "react":"^17.0.1", "react-dom":...
js try catch finally语句 throw onerror
05-15 122
定义和用法 try/catch/finally 语句用于处理代码中可能出现的错误信息。 错误可能是语法错误，通常是程序员造成的编码错误或错别字。也 可能是拼写错误或语言中缺少的功能（可能由于浏览器差异）。 try语句允许我们定义在执行时进行错误测试的代码块。 catch语句允许我们定义当try代码块发生错误时，所执行的代码块。 finally语句在 try 和 catch 之后...
useRequest: 当请求返回错误时，run()不能正常工作。但是当请求返回成功（200）， run()可以正常工作。
zsy_1991的博客
03-07 1611
背景 代码主体大约如下： # useTable.ts import { useRequest } from "ahooks"; const { loading, data, error, run }= useRequest<T>(service, { throwOnError: true, ...options, }); return {data, loading, error, run} 在页面调用如下： export default () =>
阿里 ahooks介绍（二）: useRequest
热门推荐
热水钟博客
01-22 2万+
一、useRequet是什么 一个强大的异步数据请求特殊函数。 二、API说明： const { data, error, loading, run, params, cancel, refresh, mutate, fetches, } = useRequest(service, { manual, initialData, refreshDeps, onSuccess, onError, formatResult, cacheKey, loadingD...
react-ReactFetches一种简单而有效的方式将请求发送到您的RESTAPI中
08-14
5. **错误处理**：React Fetches 自动处理请求错误，提供了错误对象供组件处理。可以利用`error`属性来显示错误信息或执行重试逻辑。 6. **数据加载状态**：`loading`属性可以帮助我们根据请求的状态展示加载指示器...
访问控制允许起源：处理React和Express中的CORS错误
04-06
在开发Web应用时，尤其是使用React前端...总结，处理React和Express中的CORS错误涉及理解CORS机制、在服务器端正确配置CORS中间件以及处理预飞行请求。理解这些概念和实践技巧将有助于构建能够顺畅跨域通信的Web应用。
与轴React路由和API请求
02-18
`React Router` 是React社区广泛使用的路由库，它允许我们创建可导航的应用程序，而`axios`则是一个流行的JavaScript库，用于处理HTTP请求，通常用来与后端API进行数据交互。让我们深入探讨这两个主题以及它们如何...
try-catch处理异常
最新发布
FrankieCao的博客
04-17 1万+
实际开发中，JDK提供异常不能满足我们的开发需求时，需要自定义异常步骤：1.继承Exception 或者 RuntimeException 二者其中之一2.编写构造方法 调用父类的构造实现异常信息初始化return age;}else{throw new InputAgeOutOfBoundsException("年龄不合法" + age);}else{throw new InputScoreException("分数不合法" + score);异常处理与性能。
antd Pro 统一错误处理及解决接口返回错误时页面出现的BizError
总结，交流，记录，成长
03-31 3166
antd pro 统一错误处理及解决接口返回错误出现BizError页
react umi-request 一套统一的网络请求和错误处理方案
yellow757的博客
07-21 7823
参考文档：https://github.com/umijs/umi-request/blob/master/README_zh-CN.md#%E9%94%99%E8%AF%AF%E5%A4%84%E7%90%86 importrequest,{extend}from'umi-request'; import{message}from'antd'; import{history}from'umi'; consterrorHandler=(error:an...
try catch 的使用
weixin_51083890的博客
03-29 3865
try catch 的使用1.浏览器兼容性2.只能做非法判断不能做合法判断3.try catch只能捕捉到同步的异常，异步的异常无法捕获 永远应该放在你的控制范围之内，而不应该防范未知的错误。也就是说你很清楚知道这里是有可能”出错“的，而且你很清楚知道什么前提下会出错，你就是要故意利用报错信息来区分错误，后续的程序会解决所有的出错，让程序继续执行。 try catch finally使用 try语句允许定义在执行时进行错误测试的代码块。 catch 语句允许定义当 try 代码块发生错误时，所执行的代码块
useRequest使用日志
Jidahan的博客
11-30 3186
万变不离其宗，第一步，引入(我使用的umi脚手架) import { useRequest } from '@umijs/hooks'; 第二步，几个方法 // 用法 1 const { data, error, loading } = useRequest('/api/userInfo'); ​ // 用法 2 const { data, error, loading } = useRequest({ url: '/api/changeUsername', method: 'post', });
try catch的使用方法
DLY_66L14的博客
12-15 4535
在try中写入可能出现的异常情况，然后在catch中把出现的异常情况写入解决方法。 也可以用来检测代码不确定哪里出现的异常或者类型； error.name是错误的类型，error.message是报错的信息； 常见的错误类型分为： 1、EvalError : eval()的使用与定义不一致； 2、RangeError : 数值越界 3、ReferenceError :非法或不能识别引用数值 （当一个变量未经声明就使用） 4、SyntaxError : 发生语法解析错误 5、TypeError ： 操作数类
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值