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>
)
}