Javascript 访问具有多个对象的数组中的元素
Javascript 访问具有多个对象的数组中的元素,javascript,reactjs,api,Javascript,Reactjs,Api,我正在尝试对足球队使用api，我只想在div或列表中呈现球队的名称。但它只是渲染最后一个
当我输入console.log时，它会显示所有团队
类应用程序扩展了React.Component{
构造器{
超级作物；
此.state={
团队：[]，
isLoaded:false
}
}
组件安装{
取回https://www.thesportsdb.com/api/v1/json/1/search_all_teams.php?l=English%20Premier%20League'
.then
我正在尝试对足球队使用api，我只想在div或列表中呈现球队的名称。但它只是渲染最后一个
当我输入console.log时，它会显示所有团队
类应用程序扩展了React.Component{
构造器{
超级作物；
此.state={
团队：[]，
isLoaded:false
}
}
组件安装{
取回https://www.thesportsdb.com/api/v1/json/1/search_all_teams.php?l=English%20Premier%20League'
.thenres=>res.json
.thenjson=>{
这是我的国家{
isLoaded：是的，
数据：json，
}
}
}
渲染{
变量{
孤岛，
数据
}=本州；
如果！已加载{
返回加载…
}否则{
对于data.teams中的var键{
如果data.teams.hasOwnPropertykey
console.logdata.teams[key].stream
}
回来
英超球队{
data.teams[key].stream
}
;
}
}
}
试试这个：
这将使用map在团队数组中循环并渲染每个团队。试试这个
从React导入React；
类测试扩展了React.Component{
构造器{
超级作物；
此.state={
团队：[]，
isLoaded:false
};
}
组件安装{
取来
https://www.thesportsdb.com/api/v1/json/1/search_all_teams.php?l=English%20Premier%20League
.thenres=>res.json
.thenjson=>{
这是我的国家{
isLoaded：是的，
数据：json
};
};
}
渲染{
var{isLoaded，data}=this.state；
如果！已加载{
返回装载；
}否则{
回来
英超球队！
{data.teams.mapteam=>
{team.strTeam}
}
;
}
}
}
导出默认测试；
试试这个
从React导入React；
类测试扩展了React.Component{
构造器{
超级作物；
此.state={
团队：[]，
isLoaded:false
};
}
组件安装{
取来
https://www.thesportsdb.com/api/v1/json/1/search_all_teams.php?l=English%20Premier%20League
.thenres=>res.json
.thenjson=>{
这是我的国家{
isLoaded：是的，
数据：json
};
};
}
渲染{
var{isLoaded，data}=this.state；
如果！已加载{
返回装载；
}否则{
回来
英超球队！
{data.teams.mapteam=>
{team.strTeam}
}
;
}
}
}
导出默认测试；
请将代码段作为运行。请将代码段作为运行。请单击答案旁边的箭头接受答案。请单击答案旁边的箭头接受答案。