Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Como executar com map?

Teria como criar o nav com o .map? Para que não precisasse copiar manualmente?

1 resposta
solução!

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