1

Buenas tengo un componente navbar y me di cuenta que en vez de escribir 7 etiquetas link podría iterarlos pero no estaría pudiendo desarrollar la lógica, intenté guardar las etiquetas en un array e iterar ese array con un for pero aunque no me da error nose si siquiera se puede hacer eso, aparte de que no funciona.. pero no se me ocurre otra manera, es posible hacer esto? como?

el código:

let links = [
<a className='links' href="url">Home</a>,
<a className='links' href="url">we</a>,
<a className='links' href="url">Task</a>,
<a className='links' href="url">Support</a>,
<a className='links' href="url">Others</a>
]

let x;

function desplegarNavbar(){
for (x of links){
document.write(x)
return true
}
}

const Navbar = () => {

return (
<div className="navbar" style ={{color:'white'}}>

{desplegarNavbar}
</div>
)
}

1 respuesta 1

1

React hace fácil iterar desde un array usando el método map

En tu código puedes usar Links directamente en el JSX algo así:

const Navbar = () => {

  return (
    <div className="navbar" style ={{color:'white'}}>
        {links.map(elem => 
          elem)}
    </div>
    )
  }

Así debería funcionar, saludos!

1
  • Funcionó muchas gracias! Commented el 15 may. 2021 a las 19:08

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.