Loop JS

JavaScript

React

09/12/2018

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

Curtidas 1

Melhor post

Joel Rodrigues

Joel Rodrigues

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.
GOSTEI 1
POSTAR