首页 > 解决方案 > 如何在反应js中迭代数组响应api?

问题描述

我正在处理 react js 中的 API 响应,API 响应显示在数组中。我想在我的前端迭代这个数组。这是我的 API 代码。

这是我的 API。

{ "apiEndPoint": "http://128.199.69.17:8000/api/" }

这是 API 代码。

export async function cards() {
return await axios({
method: "GET",
url: storeCardsUrl,
}); 
}

const getCardData = async () => {
try {
  let { data } = await cards();
  setCard(data);
  setShowCard(false);
  console.log(data);
  console.log(card[0]);
 } catch (e) {
  console.error(e);
 }
};

useEffect(() => {
getData();
getCardData();
}, []);

这是我的 API 响应。 https://i.stack.imgur.com/sYEdC.png

标签: javascriptarraysreactjsapi

解决方案


推荐阅读