Wie kann eine Komponente eindeutig identifiziert werden?

Question

Ich habe gelernt, dass react Schlüssel verwendet, um ein Element (Komponente) zu erkennen.

Welche der folgenden Reaktionen reagiert auf ein Element? Gibt es noch etwas?

• Schlüssel
• Elementtyp
• , wo das Element im gesamten Baum befindet sich

Answer 1

Sie sind richtig in alles, was Sie gesagt haben. Sie können es überprüfen, indem Sie die Elemente Ihrer reagierenden Anwendung überprüfen und die Komponenten betrachten. Reagieren verwendet Schlüssel zum Beispiel, werden Sie divs mit Daten-reactroot sehen, daten reactid

Sie auch, dass https://github.com/facebook/react-devtools

Answer 2

Sie sind richtig prüfen wollen, können Instanzen (Komponenten) zu identifizieren. Und obwohl es nicht wirklich um Leistung geht, werden Schlüssel verwendet, um zu bestimmen, welche Instanzen wiederverwendet werden können (und daher auch zu einer besseren Leistung führen). Wenn sich die Schlüssel ständig ändern würden, müsste React unnötigerweise Knoten neu erstellen, und untergeordnete Komponenten würden ihren Status verlieren.

Jede Ebene Ihrer React-Anwendung hat einen Schlüssel. Wenn Sie JSX verwenden, können Sie den Schlüssel explizit angeben: <Button key={id} />. Wenn kein Schlüsselattribut angegeben ist, verwendet React den Index der Komponente (in der aktuellen Ebene), um der Komponente implizit eine Schlüsseleigenschaft hinzuzufügen.

Warum sollten Sie React das nicht immer für Sie tun lassen? Für Komponenten, die Daten in this.state verwalten, können Dinge seltsam werden, wenn Geschwister (auf der gleichen Ebene) entfernt oder neu geordnet werden. Sie können read more about this in der React-Dokumentation.