$cat~/glossario/react-key.md

key (React)

React

Identificador estável para listas ajudar reconciliação.

react-key.mdmarkdown
01

seção

Explicação

key (React) — Identificador estável para listas ajudar reconciliação.

key sibling identifier — not passed props — helps match old/new list items preserve state.

Must stable unique among siblings; not global.

02

seção

Exemplo

snippettsx
{items.map((item) => (  <Row key={item.id} data={item} />))}
03

seção

Modo de uso

  • Dynamic lists CRUD

  • Tab panels switch

  • Avoid Math.random key

04

seção

Armadilhas comuns

  • Index key on sort filter

  • Duplicate keys warn behavior break

05

seção

Termos relacionados