Estoy pasando por un curso de react y actualmente estoy aprendiendo el método del ciclo de vida de react. Hasta ahora, pude llamar a la API usando componentDidMount y establecí el estado. Sin embargo, parece que no puedo conseguir ...
0
Ope Afolabi
4 mar. 2021 a las 16:37
2 respuestas
La mejor respuesta
Tu función de mapa:
const cards = this.state.drawn.map(c => {
<Card image={c.image} key={c.id} name={c.name} />
})
No devuelve nada. Entonces, el resultado de este código es una matriz de undefined.
Tienes dos opciones:
- Agregar
return:
const cards = this.state.drawn.map(c => {
return <Card image={c.image} key={c.id} name={c.name} />
})
- Envuelva en (), no en {}:
const cards = this.state.drawn.map(c => (
<Card image={c.image} key={c.id} name={c.name} />
))
2
Wojciech Maj
4 mar. 2021 a las 13:41
Debes devolver el componente de la tarjeta dentro del mapa.
const cards = this.state.drawn.map(c => {
return <Card image={c.image} key={c.id} name={c.name} />
})
0
Sarun UK
4 mar. 2021 a las 13:39
Preguntas relacionadas
Nuevas preguntas
javascript
Para preguntas sobre la programación en ECMAScript (JavaScript / JS) y sus diversos dialectos / implementaciones (excepto ActionScript). Incluya todas las etiquetas relevantes en su pregunta; por ejemplo, [node.js], [jquery], [json], etc.