Waarom je de React key prop nodig hebt
Je ziet deze waarschuwing in je console: "Each child in a list should have a unique 'key' prop."
Veel ontwikkelaars negeren het. Dit is een fout. De key prop is niet zomaar een waarschuwing. Het is een hulpmiddel voor prestaties en het voorkomen van bugs.
Wat doet de key prop? React gebruikt de key om lijstitems te identificeren. Het vertelt React welk item is gewijzigd, verplaatst of verwijderd.
Zonder een key moet React de volledige lijst opnieuw renderen. Dit vertraagt je app en veroorzaakt databugs.
Het bibliotheekvoorbeeld Stel je een bibliotheek voor met 1.000 boeken. Als je een nieuw boek in het midden toevoegt, moet je elk ander boek verplaatsen om ruimte te maken.
In React fungeert de key als een unieke ID. Het geeft elk element een identiteit. Tijdens het reconciliation-proces vergelij