Diferencia entre revisiones de «Pasar datos por el estado»
De enunpimpam
(Página creada con «Categoría:React <syntaxhighlight lang="js"> class Album extends React.Component { state = { data: [{ imgUrl:"https://images-assets.nasa.gov/image/PIA03240/PI…») |
|||
Línea 14: | Línea 14: | ||
{this.state.data.map(foto => { | {this.state.data.map(foto => { | ||
return ( | return ( | ||
− | <li><p>{foto.keywords}</p></li>); | + | <li key={foto.nasa_id}><p>{foto.keywords}</p></li>); |
})} | })} | ||
</ul> | </ul> |
Revisión del 23:31 16 ago 2020
class Album extends React.Component {
state = {
data: [{
imgUrl:"https://images-assets.nasa.gov/image/PIA03240/PIA03240~thumb.jpg",
nasa_id: "PIA03240",
keywords: "Mars,Mars Exploration Rover MER",
description:"Synthetic image of the Opportunity Mars Exploration Rover inside produced using Virtual Presence in Space technology.",
},],};
render() {
return (
<ul>
{this.state.data.map(foto => {
return (
<li key={foto.nasa_id}><p>{foto.keywords}</p></li>);
})}
</ul>
);
}}
export default Album;