从API在React中显示Json对象

时间:2017-08-12 19:22:53

标签: javascript json api reactjs

我可以显示推特一个,但我不能

的人物对象

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 个答案:

答案 0 :(得分: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>
);
});

但是,你显然会在这里找回多个人。根据您的要求,只需适当地处理数组。