Teria como criar o nav com o .map? Para que não precisasse copiar manualmente?
Teria como criar o nav com o .map? Para que não precisasse copiar manualmente?
Consegui, fiz assim caso vocês queiram saber:
const itensLista = [
{
nome: 'Início',
src: ''
},
{
nome: 'Populares',
src: ''
},
{
nome: 'Descobrir',
src: ''
},
{
nome: 'Recomendados',
src: ''
},
{
nome: 'Meus Favoritos',
src: ''
}
]
export default function Menu() {
return (
<nav className={styles.menu}>
<ul className={styles.menu__lista}>
{ itensLista.map(item => {
return (
<li className={styles.menu__item}>
<img src={item.src} alt="" />
<a href="#">{item.nome}</a>
</li>
)
})}
</ul>
</nav>
)}
Agora vou exportar os arquivos numa pasta à parte e incorporar (Como a Samira fez no outro tópico) no componente Menu, inserindo eles nos arrays (item.src).