Javascript 从API在React中显示Json对象

Javascript 从API在React中显示Json对象,javascript,json,api,reactjs,Javascript,Json,Api,Reactjs,我可以显示twitter,但不能显示person对象 我试过这个: comps=comps.map(function(comp,index){ return( <div key={index}> Twitter : <a href={comp.twitter}>{comp.twitter}</a> // this one work Person Name:<span className="PersonneName">{comp.perso

我可以显示twitter,但不能显示person对象

我试过这个:

comps=comps.map(function(comp,index){
return(
    <div key={index}>
Twitter : <a href={comp.twitter}>{comp.twitter}</a> // this one work
Person Name:<span className="PersonneName">{comp.person.nameP}</span> // not working
</div>
);
});
comps=comps.map(函数(comp,索引){
返回(
Twitter://这一个有用吗
人名:{comp.Person.nameP}//未工作
);
});

谢谢你

person
是一个数组,所以你可能也需要在它上面
.map()
。您的代码可能看起来像这样

comps=comps.map(function(comp,index){
return(
    <div key={index}>
Twitter : <a href={comp.twitter}>{comp.twitter}</a> // this one work
Person Name: {comp.person.map(val => {
  return <span className="PersonneName">{val.nomP}</span> 
})}
</div>
);
});
comps=comps.map(函数(comp,索引){
返回(
Twitter://这一个有用吗
人名:{comp.Person.map(val=>{
返回{val.nomP}
})}
);
});

但是,很明显,您将返回多个用户。根据需要,只需适当地处理阵列即可

我可以为Jopp和depuis这样做吗@Christopher MesserOn阵列我有3个对象我要显示所有对象Yes-
val.jobP
val.depuis
将在第二个
.map()
中按预期工作。这不是我想要的工作方式,它会将所有名称显示在彼此附近。我想要name+job+depuis name+job+depuis name+job+depuis很抱歉打扰你
comps=comps.map(函数(comp,index){return(Twitter:Person-name:{comp.Person.map(val=>{return{val.nomP}{val.jobP}{val.depuis}});})