Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/424.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 我想在reactJs中显示JSON结果_Javascript_Json_Reactjs - Fatal编程技术网

Javascript 我想在reactJs中显示JSON结果

Javascript 我想在reactJs中显示JSON结果,javascript,json,reactjs,Javascript,Json,Reactjs,使用Map函数在reactJs中显示JSON数组元素。我无法得到结果,它说“无法读取null的属性'\u currentElement'。请帮我解决这个问题 import React,{Component}来自'React'; 从“./js/components/Header”导入标题; 导入“/App.css”; 导入“./dist/css/bootstrap.css”; 从“反应cookie”导入cookie; “超级代理”的进口请求; 从“react router”导入{browserH

使用Map函数在reactJs中显示JSON数组元素。我无法得到结果,它说“无法读取null的属性'\u currentElement'。请帮我解决这个问题

import React,{Component}来自'React';
从“./js/components/Header”导入标题;
导入“/App.css”;
导入“./dist/css/bootstrap.css”;
从“反应cookie”导入cookie;
“超级代理”的进口请求;
从“react router”导入{browserHistory};
导出默认类性能扩展组件{
构造函数(){
超级();
此.state={
全名:cookie.load('fullName'),
empId:cookie.load('empId'),
userResults:false
};       
if(cookie.load('empId')==未定义){
browserHistory.push(“/login”)
}   
}
getInitialState(){
返回{userResults:false};
}
componentDidMount(){
var self=这个;
var url='1〕http://192.168.1.93:8081/employee/dashboard';
要求
.get(url)
.query({empId:this.state.empId})
.set('Content-Type','application/x-www-form-urlencoded;charset=utf-8')
.set('Authorization','Basic aHJtczox')
.set('Accept','application/json')
.end(函数(err、res){
self.setState({userResults:res.body});
log(self.state.userResults);
});
}
render(){
报税表(
面向客户{this.props.userButtons}
可交付成果
{
this.state.userResults.response.QuestionSection.map(函数(res){
res.question.map(函数(res1){
返回(
{res1.问题}
)
})
})
}
sdfsdf
登录
);
}

}
由于
此.state.userResults.response最初不存在,因此您会收到此错误。它最好在迭代之前执行检查。您还需要返回内部
map
函数的结果

  {
         this.state.userResults.response && this.state.userResults.response.QuestionSection.map(function(res){
              return res.question.map(function(res1){
                    return (
                        <tr>
                            <td>{res1.question}</td>
                        </tr>
                    )
               })
          })
 }
{
this.state.userResults.response&&this.state.userResults.response.QuestionSection.map(函数(res){
返回res.question.map(函数(res1){
返回(
{res1.问题}
)
})
})
}

它在检查时跳过循环,一旦数据可用,它就不会出现。您可以console.log(this.state.userResults.response)查看数据是否可用感谢您的帮助。是的,您是正确的。当时没有可用的数据。以何种方式获取结果。检查您的请求获取数据是否在componentDidMount中获得成功或错误,一旦获得数据,您的组件将工作componentDidMount正在获取结果,但无法呈现结果。