Javascript 从API在React中显示Json对象
我可以显示twitter,但不能显示person对象 我试过这个: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
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}});})代码>