axios post成功时如何打破for循环？答案

【问题标题】：How to break for loop when axios post succeeds?axios post成功时如何打破for循环？
【发布时间】：2019-10-11 07:15:24
【问题描述】：

我想在axios.post 成功时打破循环。我该怎么做？

for (var i = 0; i < filteredCars.length; i++) {
  var car = filteredCars[i];
  axios
    .post(
      "http://localhost:9000/api/cars/" + car.id + "/createReservation",
      {
        pick_up_date: "July 29, 2023 03:00:01",
        drop_off_date: "July 30, 2023 09:00:00"
      },
      config
    )
    .then(response => {
      this.setState({
        reserved: true
      });
    })
    .catch(error => {
      console.log(error);
    });
}

【问题讨论】：

这是一个循环内的async 请求，可能无法为您提供正确的结果。使用递归函数。
您要为阵列中的所有汽车发布 POST 吗？
stackoverflow.com/questions/44182951/…

标签： reactjs axios

【解决方案1】：

最好的办法是在异步函数中使用await。所以你的方法如下：

async function testFunction() {
    for (var i = 0; i < filteredCars.length; i++) {
        var car = filteredCars[i];
        var response = await axios.post("http://localhost:9000/api/cars/" + car.id + "/createReservation";
        this.setState({ reserved: true });

        if (conditionToBreak === true) {
            break;
        }
    }
}

【讨论】：