我试图使用 fortnite api 来显示当前的物品商店,但我收到了如标题所示的错误,当我控制台日志结果时,它显示一个数组,但我无法映射它?为什么?
import React, { useState, useEffect } from 'react'
import axios from 'axios';
export default function itemShop() {
const [shop, setShop] = useState('')
const API = 'https://fortnite-public-api.theapinetwork.com/prod09/store/get?language={en}'
useEffect(() => {
const fetchData = async () => {
const result = await axios(
API,
);
setShop(result.data);
};
fetchData();
}, []);
const { items } = shop;
console.log(items)
return (
<div>
<p>{shop.date}</p>
{items.map(item => <p>{item.name}</p>)}
</div>
)
}
代码沙箱:https://codesandbox.io/embed/km10wq4y5 https://codesandbox.io/embed/km10wq4y5
您需要在渲染之前检查项目不为空/未定义:
{items && items.map(item => (
<p>{item.name}</p>
))}
在职的:https://codesandbox.io/s/24vkqzn6xy https://codesandbox.io/s/24vkqzn6xy
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)