javascript - 如何从将每个 api 推送到数组中的函数中获取 api？

Question

我正在尝试获取 API 数据，以便我可以使用 ReactJS 在网页上呈现它。我尝试了许多不同的方法来获取存储在数组中的 api。但是我做不到。

备注:https://www.hatchways.io/api/assessment/workers/<worker_id>我在这里循环所以worker id 获取添加的 url。

const fetchAPI = e => {
    let array = [];
    const api2 = `https://www.hatchways.io/api/assessment/workers/`;

    for (var i = 0; i <= 4; i++) {
      array.push(api2 + i);
    }
    return array;
  };
  console.log(fetchAPI());

提前致谢。

Answer 1

您需要先点击网址。 Async/Await 将是一个不错的选择。

<script>
  async function check()
  {
    var arrayData =[];
    var url = "https://www.hatchways.io/api/assessment/workers/";
    for(var i=1;i<=4;i++)
    {          
      const response = await fetch(url+""+i);
      const myJson = await response.json();
      arrayData.push(myJson);
    }
    console.log(arrayData)

  }
  check();
</script>