Javascript Can';t在发出API请求的状态下对数组进行迭代
我不确定我做错了什么或遗漏了什么,但当我执行get请求时,我无法迭代我的对象数组。我在控制台上获得结果,但除非调用一个单独的项目,否则结果不会显示在页面上。只有在使用React时才会发生这种情况,我也尝试过JSON占位符伪API,并得到了相同的结果。React中是否有任何东西可以停止执行此迭代?非常感谢你的帮助Javascript Can';t在发出API请求的状态下对数组进行迭代,javascript,reactjs,api,Javascript,Reactjs,Api,我不确定我做错了什么或遗漏了什么,但当我执行get请求时,我无法迭代我的对象数组。我在控制台上获得结果,但除非调用一个单独的项目,否则结果不会显示在页面上。只有在使用React时才会发生这种情况,我也尝试过JSON占位符伪API,并得到了相同的结果。React中是否有任何东西可以停止执行此迭代?非常感谢你的帮助 import React,{Component}来自'React'; 类UserList扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 用户:[], isLoaded:
import React,{Component}来自'React';
类UserList扩展组件{
建造师(道具){
超级(道具);
此.state={
用户:[],
isLoaded:false,
};
}
componentDidMount(){
这是loadData();
}
loadData=async()=>{
const response=等待获取('http://dev.pubmate.io/pubmate/api/0.1/user/all');
如果(答复){
const alluser=wait response.json();
控制台日志(响应);
控制台日志(Alluser);
console.log(allusers[0]。电子邮件);
这是我的国家({
isLoaded:是的,
用户:[……诱惑者],
});
}
};
render(){
让{isLoaded,users}=this.state;
如果(!已加载){
返回装载。。。;
}否则{
返回(
数据已加载
{users.map((用户)=>{
- {user.title}
;
})}
);
}
}
}
导出默认用户列表;
您非常接近,但只需稍微调整一下循环即可
最简单的改变是交换:
{users.map(user=>{
-
{user.title}
})}
为了
{users.map(user=>(//您不会从
.map()
的回调函数返回任何内容,因此不会呈现任何内容。{users.map(user=>{user.title} )}