在ReactJs中显示Api
在ReactJs中显示Api
提问于 2020-10-21 03:49:45
我试图循环通过ReactJS中的API调用的数据，但我一直收到"TypeError: Cannot read property 'map‘of undefined“我做错了什么？
function TryFetch() {
const [camps, setCamps] = useState([]);
useEffect(() => {
axios.get(api)
.then( res => {
console.log(res)
setCamps(res.data)
})
.catch(err => {
console.log(err);
})
}, [])
return (
<div>
<ul>
{camps && camps.RECDATA.map(post => (
<li key={post.CampsiteID}>{post.CampsiteID}</li>
))}
</ul>
</div>
)}
回答 1
Stack Overflow用户
发布于 2020-10-21 03:56:54
当react第一次运行map时，RECDATA尚未定义。
像这样修改你的代码
用{camps && camps.RECDATA && camps.RECDATA.map(post => (替换{camps && camps.RECDATA.map(post => (
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64452373
复制相关文章
相似问题
腾讯云开发者
