2017-08-12 226 views
0

我可以显示Twitter的一个,但人物对象我可以反应不显示JSON对象从API

enter image description here

我尝试这样做:

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

谢谢

回答

1

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

但是,你显然要在这里返回多个人。根据你想要做什么,只要适当地处理数组。

+0

我可以做jobP和depuis吗? @Christopher Messer – Taieb

+0

在数组上,我有3个对象,我想要显示它们全部 – Taieb

+1

yes - 'val.jobP'和'val.depuis'将按照您期望在第二个.map()' –