Warum verwendet React den Objektverweis nicht als Schlüssel?

Question

Beim Rendern einer Liste von Elementen verwendet React den Index jedes Elements als Standardschlüssel, wenn keiner angegeben ist.

return <div> 
 
    {this.props.shows.map(show => <ShowComp title = {show.title}/>)} 
 
</div>;

Aber warum nicht reagiert das Objekt JS Referenz verwenden jedes Elements statt? Scheint mir wie eine viel sicherere Option, da es nicht zu einem erneuten Rendering der Elemente führen würde, wenn sich die Reihenfolge der Listen ändert (im Gegensatz zum Index-Ansatz).

Ich bin relativ neu zu reagieren, also bin ich sicher, dass es einen Grund gibt.

In Angular, ngFor (die eine Liste von Elementen, ähnlich dem Abbildungsobjekt rendert Elemente zu reagieren), hat es auch eine trackBy Konfigurationsoption (welches das Äquivalent von key in React ist). Wenn es jedoch nicht geliefert wird, verwendet es die Objektreferenzen als eine Kennung, die natürlicher erscheint.

Answer 1

Der Grund, warum die Referenz des Objekts nicht standardmäßig verwendet wird, ist die Wahl des React-Entwicklers.

Denken Sie daran, es muss nicht über alle Elemente eindeutig sein, es muss eindeutig über die Geschwister jedes Elements sein.

Wie hier gezeigt: https://reactjs.org/docs/reconciliation.html#keys

Sie könnten auf jeden Fall nicht so eindeutigen Schlüssel verwenden, die über Geschwister nur einzigartig ist.

Verwendet auch die Referenz des Objekts schneller als die meisten kleinen Ganzzahl in eindeutigen IDs gefunden?