React - 实现fetch取消、中止请求

JavaScript013

React - 实现fetch取消、中止请求,第1张

项目开发过程中有时会遇到这种情况：两次查询请求相隔时间很短时，由于 接口异步 ，第一次请求可能会覆盖第二次请求返回数据，所以需要在第二次请求前先将第一次请求中止，话不多说，实现如下：

关于axios取消请求网上有很多，可自信百度，本文主要针对于fetch请求，由于fetch并没有 "取消请求" 方法，目前通过AbortController()实现

项目：Ant.Design Pro + umijs + dva

新建一个abortDispath.js文件

新建一个扩展Component

demo.js

request.js 文件中需要将signal放在options中，例如

全局变量var istop=0/运行function fun1(){if (istop==1) return........}function fun2(){istop=1//停止}