react axios 同一个接口（传不同参数），频繁操作，上一个请求返回比当前请求返回慢，导致当前页显示的上一次请求数据

我可真的是小聪明  。。。。。。。。。。。表扬我自己，

顺便吐槽有处女座的人真的不适合写代码，接收其他人写的代码，天呐撸，这是什么鬼，巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉巴拉，真的无力吐槽了，哎哟哟 ，不敢看不敢看

Bug描述：多个Tabs页面，访问同一个接口，参数不一样，点击上一个TabA，发送请求A，接着继续点击TabB，发送请求B， 页面应该显示B请求返回的数据，但是页面返回的是A请求的数据

原因：A请求返回速度慢于B请求， A请求和B请求共用一个方法，渲染的是同一个状态，导致A请求数据覆盖了B请求数据

解决办法：在点击TabB时，查看是否有未发送成功的请求，并取消还在发送中的请求，也就是关闭请求A

axios提供了取消请求的配置：`cancelToken` 指定用于取消请求的 cancel token

  // （查看后面的 Cancellation 这节了解更多）
  cancelToken: new CancelToken(function (cancel) {
  })

标签：返回,axios,请求,巴拉巴,发送,点击,页面
来源： https://www.cnblogs.com/ljh-zw/p/12620440.html