Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';t在发出API请求的状态下对数组进行迭代_Javascript_Reactjs_Api - Fatal编程技术网

Javascript Can';t在发出API请求的状态下对数组进行迭代

Javascript Can';t在发出API请求的状态下对数组进行迭代,javascript,reactjs,api,Javascript,Reactjs,Api,我不确定我做错了什么或遗漏了什么,但当我执行get请求时,我无法迭代我的对象数组。我在控制台上获得结果,但除非调用一个单独的项目,否则结果不会显示在页面上。只有在使用React时才会发生这种情况,我也尝试过JSON占位符伪API,并得到了相同的结果。React中是否有任何东西可以停止执行此迭代?非常感谢你的帮助 import React,{Component}来自'React'; 类UserList扩展组件{ 建造师(道具){ 超级(道具); 此.state={ 用户:[], isLoaded:

我不确定我做错了什么或遗漏了什么,但当我执行get请求时,我无法迭代我的对象数组。我在控制台上获得结果,但除非调用一个单独的项目,否则结果不会显示在页面上。只有在使用React时才会发生这种情况,我也尝试过JSON占位符伪API,并得到了相同的结果。React中是否有任何东西可以停止执行此迭代?非常感谢你的帮助

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}
  • )}