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

atributo key

No jsx do tbody

  <tr key={index}>
                <td>{linha.nome}</td>
                <td>{linha.titulo}</td>
                <td>{linha.preco}</td>
                <td><button>Remover</button></td>
            </tr>

tem esse atributo key que está sendo igualado ao index. Qual a função desse atributo?

1 resposta
solução!

Oi, Pedro, tudo bem?

O método key retorna um array de prorpriedades enumeraveis de um determinado objeto. Nesse caso, utilizamos o map para que possamos iterar uma lista dentro da nossa tabela com o nome, preço e titulo.

Dentro do map, que está dessa forma map(linha, index), onde linha é o interável e o index guarda a posição do elemento.

A propriedade key é necessária para saiber exatamente qual o elemento está sendo manipulado, seja pra remover, adicionar, etc. Nesse caso, ela recebe justamente a posição de cada elemento dentro do map que é o index.

Se ficou alguma dúvida é só falar!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software