通过API在React中显示Json对象

Question

我可以显示Twitter微博，但无法显示人对象

我尝试了这个：

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

谢谢

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

但是，您显然要在这里返回多个人。 根据您要执行的操作，只需适当地处理数组即可。