在循环中处理 axios 取消

Question

我有以下场景

const config = {
    timeout: 30000,
    headers: {
        Authorization: ``
    },
    cancelToken: cancelSource.token
};

for (var i = 0; i < data.length; i++) {
    let itr = 0;
    axios
        .post("/my/url", "", config)
        .then(response => {
            if (response.status === 200) {
                if (i === itr) {
                    //set state here
                }
            }
        })
        .catch(error => {
            if (axios.isCancel) {
                // How to know if the cancel stops already?
            }
        });
}

例如： 我有 16 件商品，8 件商品被取消。我怎么知道取消是否完成？ 所以我可以在这里设置一些后期处理。

Answer 1

axios.isCancel 是一个期望错误作为参数的函数。但你称它为钥匙。所以

改变

  .catch(error =>{
      if(axios.isCancel){
          // How to know if the cancel stops already?
     }
  });

到

  .catch(error =>{
      if(axios.isCancel(error)){
          // How to know if the cancel stops already?
      }
   });

通过上述更改，您可以确定请求何时被取消。您可以简单地使用局部变量来管理接收到的数据，直到它被取消。之所以需要在这里使用局部变量，是因为循环内部不允许使用 setState。所以将所有数据推入数组，最后将该数组分配给循环外的组件状态