在这里,我尝试使用axios从URL中获取数据。当我控制台日志response.data时,我正在获取数据
这是我得到的日志,但当我尝试控制台日志响应.数据.树,然后它显示未定义.我如何解决这个问题.
Fetch1 {
"trees": [
{
"id": 1,
"name": "Bao",
"species_name": "Adansonia",
"image": {
"src": "https://upload.wikimedia.org/wikipedia.jpg",
"alt": "A large African baobab tree."
}
},
{
"id": 2,
"name": "Red Mangrove",
"species_name": "Rhizophora mangle",
"image": {
"src": "https://upload.wikimedia.org/wikipedia.jpg",
"alt": "A free-standing red mangrove tree.",
}
}
]
}
Fetch2 undefined
个字符
1条答案
按热度按时间ovfsdjhp1#
您从API收到的响应是JSON格式的。它不是一个对象。为了像您期望的那样使用它,请使用
let data = JSON.parse(response.data)
,然后执行data.trees
来访问您想要的元素。你可以阅读更多关于JSON.parse()here的内容。
希望这对你有帮助!