javascript - 如何在反应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
解决方案
推荐阅读
- autohotkey - 即使用户已经登录,通过自动热键运行 URL 也会重定向到空白登录页面
- r - 按百分比拆分
- c# - 如何使用更新在我的游戏中正确使用鼠标
- c - 这些有什么区别?
- c# - EF Core - What is the correct configuration?
- laravel - laravel blade syntax for loop how to call iteration index inside laravel helper functions
- javascript - Cannot assign retrieved json to object in ReactJS using setState and then retrieve it from state
- linux - 如何使用 `gcc` 编译和运行 C 程序?
- service - Anylogic - 根据源在延迟块中设置多个延迟时间
- python - 有人可以在 Python 中解释这个 dict().get 函数吗?