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
Curtir tópico
+ 1
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:
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.
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
Responder
Clique aqui para fazer login e interagir na Comunidade :)