Rendert React Komponenten bei Statusänderungen immer neu?

ReactJS – React rendert alle Komponenten bei Statusänderung neu

Rendert React Komponenten beim setState-Aufruf immer neu?

Ja, das ist standardmäßig der Fall.

React verwendet eine shouldComponentUpdate-Methode innerhalb jeder Komponente, die dafür verantwortlich ist, zu bestimmen, ob sie neu gerendert werden soll, wenn sich ihr Zustand oder ihre Requisiten ändern. Die Standardimplementierung dieser Methode gibt jedoch immer true zurück, was jedes Mal zu einem erneuten Rendern führt.

Warum rendert React erneut, selbst wenn der Status unverändert bleibt?

Der Neu-Rendering-Prozess besteht aus zwei Phasen:

1. Virtuelles DOM-Rendering: Beim Render-Aufruf erstellt React eine neue virtuelle DOM-Struktur. Beachten Sie, dass dies immer dann geschieht, wenn setState() aufgerufen wird, unabhängig von der tatsächlichen Statusänderung.
2. Native DOM-Rendering: React aktualisiert das tatsächliche DOM nur bei Bedarf, basierend auf den virtuellen DOM-Änderungen. Hier kommen die Optimierungsfunktionen von React ins Spiel, die DOM-Mutationen minimieren.

Im bereitgestellten Beispiel werden sowohl die Main- als auch die TimeInChild-Komponente trotz des unveränderten Status aufgrund der Standardimplementierung beim Klicken auf die Schaltfläche neu gerendert von ShouldComponentUpdate gibt true zurück. Um dies zu verhindern, können Sie ShouldComponentUpdate überschreiben, um einen Zustands- oder Requisitenvergleich durchzuführen und false zurückzugeben, wenn keine sinnvolle Änderung vorliegt.

Das obige ist der detaillierte Inhalt vonRendert React Komponenten bei Statusänderungen immer neu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!