Loop JS

09/12/2018

0

Pessoal, estou testando uma coisa e não está dando certo. Tenho um array de obejtos e queria exibir um link (a href=''#'') pra cada índice desse array. Ou seja, se tiver 5 índices exibir 5 links. Isso seria no React. Alguém pode me dar uma luz? Seria usando for? Não consegui.
Afrânio

Afrânio

Responder

Post mais votado

11/01/2019

Fala, Afrânio. Tranquilo?
Uma forma simples é usar o método map do JavaScript para mapear o array e retornar o objeto <a> para cada item. Exemplo:
{ 
    this.state.produtos.map((item, indice) => {
        return (
            <a key={ indice } href={ item.llink }>
                { item.nome }
            </a>
        )
    })
}


Nesse curso temos um exemplo disso na parte de listagem de consultas: https://www.devmedia.com.br/exemplo/minha-primeira-single-page-application-com-react/68

Abraço.

Joel Rodrigues

Joel Rodrigues
Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar