I can display the twitter one but the person object i can't
I tried this:
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>
);
});
Thank you
person is an array, so you will likely want to .map() over it as well. Your code might look something like this.
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>
);
});
However, you're obviously going to return multiple people here. Depending on what you want to do, just handle the array appropriately.
val.jobP and val.depuis will work as you expect inside of the second .map()comps=comps.map(function(comp,index){ return( <div key={index}> Twitter : <a href={comp.twitter}>{comp.twitter}</a> Person Name: {comp.person.map(val => { return <span className="PersonneName">{val.nomP} {val.jobP} {val.depuis} </span> })} </div> ); });