1

tengo un problema con un badged ya que no puedo recórrelos, el prop que recibo para poder poblar el badged si se recibe bien y se ponen los badgeds bien pero solo se crea uno, este es mi componente y en el componente <Badged variant='dark'>{tags}</Badged> es en donde mando los tags que quiero que aparescan.

introducir la descripción de la imagen aquí

pero ya en el resultado se ve así

introducir la descripción de la imagen aquí

les agradezco de antemano su ayuda.

4
  • Y por qué no iteras el prop tags y en cada iteración pintas el componente Badged?
    – Isaac
    el 7 sep. 2020 a las 5:53
  • para serte sincero estoy aprendiendo aun react, se que esa es una forma pero aun no encontré un ejemplo que me pudiera ayudar, en algunos ejemplos vi que lo hacían iterando con un for pero intente aplicarlo pero me daba error al intentar aplicarlo al componente el 7 sep. 2020 a las 6:03
  • tags es un string o un array?
    – nashvent
    el 7 sep. 2020 a las 6:31
  • Es un arreglo, desde un componente padre hago un map y aca ya solo recibo los props el 7 sep. 2020 a las 14:41

1 respuesta 1

2

Ya que mencionas que tags es un arreglo, podrías hacer algo así:

cons badges = tags.map((badge, index) => <Badged key={index} variant=“dark”>{badge}</Badged>

Y ya en la parte de tu código donde pones el Badged tendrías que poner lo que regresa el map

{badges}
2
  • Perfecto, ahora lo pruebo. Muchas gracias por tu ayuda el 7 sep. 2020 a las 15:36
  • 1
    Quedó perfecto amigo, si funcionó, de verdad te agradezco mucho la ayuda ya tenía unos días encontrando una solución. el 7 sep. 2020 a las 15:42

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.