捕获 Aborting API Fetch 请求 REACT

问题描述

我需要在 REACT 中捕获 Aborting all OLD API Fetch 请求

// 这是一个函数，它将为每个 requestId==>

创建 5 个 fetch API 请求

 getData=(requestId)=>{
      jsonBodyHotel : will have requestId & other stuff 
      const response = fetch("/API/GetResult" + "?rv=" + Math.random(),{
              method: "POST",body: jsonBodyHotel,headers: {
            "Content-type": "application/json; charset=UTF-8",},this.state.signal).catch(e => { 
              console.warn(`Fetch 1 error: ${e.message}`);
              if (e.name === "AbortError") {
                  console.log("AbortError==>",e);
              }
          })
          .then((res) => {
          //updating state with some logic
          
          })
}

  

// 下面是每当用户输入任何新请求时执行的函数，显示加载指示器，并创建 5 个 fetch API 请求

 searchTravel=()=>{
     if (this.state.controller) {
                this.state.controller.abort();
              }
            const controller = new AbortController();
            const signal = controller.signal;
            this.setState(
          { 
            controller: controller,signal: signal,() => {
              this.getData()

          })
    }

如何在catch中捕获旧的中止请求信息/异常

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）