reactjs - 如何取消已经发送的 API 调用？

Question

让我解释一下我想做什么

我有两个组件

• 组分A
• 组分B

现在有一个主页，如果我从该主页移至ComponentA ，则假设有 10 个 api调用，从ComponentA 开始有多个 api调用。componentDidMount

componentDidMount(){
    this.ApiCall1()
    this.ApiCall2()
    this.ApiCall3()
    this.ApiCall4()
    this.ApiCall5()
    this.ApiCall6()
    this.ApiCall8()
    this.ApiCall9()
    this.ApiCall10()
  }

然后突然我转向可能也很少调用 api的componentB

  componentDidMount() {
    this.ApiCallB1();
    this.ApiCallB2();
  }

在这种情况下，当我向componentB移动时，我想取消componentA中所有待处理的 api 调用，如果某些 api 调用获取数据正常，但那些处于待处理状态的 api 调用我想取消所有这些 api

注意让我知道是否有任何混淆。

标签： reactjsreact-reduxreact-hooks