在reactjs上从axios get请求将对象打印到视图

在reactjs上从axios get请求将对象打印到视图,reactjs,Reactjs,我目前正试图从我从reactjs上的axios get API获取的响应数据中打印对象的值 我目前有7个对象,其中包含值数组,所有这些对象都通过console.log返回DOM。我曾尝试使用.map函数打印对象的值,但一直出现未定义的错误,或者this.state.thisData.map不是函数 关于如何打印来自不同对象的各种值,有什么建议吗 module.exports = class ViewConsultTest extends React.Component { constructo

我目前正试图从我从reactjs上的axios get API获取的响应数据中打印对象的值

我目前有7个对象,其中包含值数组,所有这些对象都通过console.log返回DOM。我曾尝试使用.map函数打印对象的值,但一直出现未定义的错误,或者this.state.thisData.map不是函数

关于如何打印来自不同对象的各种值,有什么建议吗

module.exports = class ViewConsultTest extends React.Component {
 constructor(props) {
        super(props);


        this.state = {
            consultData: []

        }
    }


  componentDidMount() {
    var _this = this;
    this.serverRequest =
       axios.get('/api/Consults/viewConsultData')
        .then(function(results){
          console.log(results.data);
          _this.setState({
            consultData: results.data
          });
         })
  }



  render () {
    return(
        <div>
          <h3>Returning Users:</h3>
            {this.state.consultData.consultNotes.map(function(consult) {
          return (
            <div>{consult.noteText}</div>
          );
         })}
        </div>
    );
  }
}
module.exports=类ViewConsultTest扩展React.Component{
建造师(道具){
超级(道具);
此.state={
咨询数据:[]
}
}
componentDidMount(){
var_this=这个;
此为.serverRequest=
get('/api/Consults/viewConsultData')
.然后(函数(结果){
console.log(results.data);
_这是我的国家({
咨询数据:results.data
});
})
}
渲染(){
返回(
返回用户:
{this.state.consultData.consultNotes.map(函数(consult)){
返回(
{consult.noteText}
);
})}
);
}
}

将渲染方法更新为, 因为最初你们并没有得到数据,渲染方法正在破坏它的流程

render () {
    var consultNotes= this.state.consultData.consultNotes;
    consultNotes = consultNotes ? consultNotes : [];
    return(
        <div>
          <h3>Returning Users:</h3>
            {consultNotes.map(function(consult) {
          return (
            <div>{consult.noteText}</div>
          );
         })}
        </div>
  );
 }
render(){
var consultNotes=this.state.consultData.consultNotes;
consultNotes=consultNotes?consultNotes:[];
返回(
返回用户:
{consultNotes.map(函数(consult){
返回(
{consult.noteText}
);
})}
);
}

您可以共享代码吗?是否确定您属于this.state.thisData类型是数组。?用代码更新了问题咨询记录中的一个咨询对象是什么样的?咨询记录:数组(1)0:consultId:1 createdAt:“2017-09-28T14:38:32.000Z”createdBy:null id:1 noteText:“hello dolly”updatedAt:“2017-09-28T15:03:31.000Z”updatedBy:Null仍不打印任何内容,但不存在“未定义”错误。我正在用一个屏幕截图更新我的问题,这个截图显示了我的dom上的对象是什么样子的,如果这个帮助信息意味着你没有得到任何东西的话。打印console.log(this.state.consultData);让我知道控制台日志正在返回dom中的所有内容,它似乎没有打印到我的视图中。您可以通过inspect元素检查dom吗?检查是否在html中添加?返回用户下的html为空