时间戳

首页 > 解决方案 > 如何从将每个 api 推送到数组中的函数中获取 api？

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

问题描述

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

注意：https://www.hatchways.io/api/assessment/workers/<worker_id>这里我正在循环，所以工人 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());

提前致谢。

标签： javascriptreactjsapifetch-api

解决方案

您需要先点击网址。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>

推荐阅读