Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

[Dúvida] atributo key

Por que é importante utilizar o atributo key ao renderizar listas em React?

2 respostas
solução!

Oi Cibele, tudo bem?

Ao trabalhar com listas no React, é fundamental adicionar o atributo key pois isso ajuda o React a entender e acompanhar quais itens estão sendo modificados, adicionados ou removidos.

Com essa chave, o React consegue fazer atualizações de forma mais inteligente e rápida, sem precisar re-renderizar toda a lista sempre que houver uma mudança. Então, ao usar essa chave, você assegura que as alterações sejam feitas de maneira precisa e que a interface do usuário funcione de forma eficiente, sem problemas.

<li key={books.id}>...</li>

E é importante lembrar que cada filho em uma lista deve ter uma prop key única pois assim o React consegue acompanhar e gerenciar individualmente esses itens.

Deixo aqui a documentação onde tem mais detalhes e muitas informações importantes para você entender um pouco mais.

Espero ter te ajudado a entender. Se restarem dúvidas, pode falar.

Um abraço e bons estudos.

Perfeito, explicação maravilhosa! :D