React Native Fetch请求设置超时

最新推荐文章于 2022-12-03 18:28:04 发布

泡饭

最新推荐文章于 2022-12-03 18:28:04 发布

阅读量1.7k

点赞数 2

分类专栏： React 文章标签： React Native Promise

本文链接：https://blog.csdn.net/weixin_42516118/article/details/88526381

版权

本文介绍了如何在React Native中解决fetch请求超时问题。通过利用Promise.race方法，结合正常的网络请求任务和模拟的超时任务，实现自定义超时功能。当网络请求在设定时间内未完成，超时任务将强制中断请求，提供更好的用户体验。

摘要由CSDN通过智能技术生成

本文在简书同步更新：https://www.jianshu.com/p/2df7c6e3b3c3

React Native的fetch请求本身自带的超时时间比较长，也不能自定义超时时间，除非修改源码（Android底层是由OkHttp实现）。在实际的App网络连接当中，用户是接受不了那么长的网络超时的，所以我们得自己封装一个。在这里我们可以合理使用Promise来解决这个问题。

一、Promise是什么

所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。（该段话摘自阮一峰老师的ES6入门教程http://es6.ruanyifeng.com/#docs/promise）

Promise对象有个race方法，可以满足我们的需求。Promise.race()方法接受一个Promise数组，数组里面的每个Promise都可以在里面同时运行，只要其中一个运行结束或者抛出错误，那么Promise.race便会完成。