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:

  1. Agregar return:
const cards = this.state.drawn.map(c => {
    return <Card image={c.image} key={c.id} name={c.name} />
})
  1. 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