Heim > Artikel > Web-Frontend > Was passiert, nachdem React Setstate aufgerufen hat?
Was passiert, nachdem React Setstate aufruft: 1. Das eingehende Parameterobjekt mit dem aktuellen Status der Komponente zusammenführen, um den Abstimmungsprozess auszulösen. 2. Den React-Elementbaum basierend auf dem neuen Status erstellen und die gesamte UI-Schnittstelle neu rendern; 3. Holen Sie sich den Elementbaum. Anschließend berechnet React die Knotendifferenz zwischen dem neuen Baum und dem alten Baum, minimiert ihn und rendert ihn erneut.
Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.
React hat die setState-Methode entworfen, um die Seite neu zu rendern.
Zwei Möglichkeiten, setState() zu schreiben, um den Status zu aktualisieren.
setState(updater, [callback]), Updater gibt zurück Funktion des stateChange-Objekts: (state, props) => stateChange Der Status und die empfangenen Requisiten sind garantiert die neuesten
setState(stateChange, [callback]), stateChange ist ein Objekt, callback ist eine optionale Rückruffunktion, wenn der Status wird aktualisiert und die Schnittstelle wird dann aktualisiert
Zusammenfassung: Die Objektmethode ist die Abkürzung der Funktionsmethode. Wenn der neue Status nicht vom ursprünglichen Status abhängt, verwenden Sie die Objektmethode, wenn der neue Status davon abhängt der ursprüngliche Zustand ===> Verwenden Sie bei Bedarf die Funktionsmethode in setState(), um die neuesten Statusdaten abzurufen. Was passiert nach dem Lesen von
und dem Aufruf von setState in der zweiten Rückruffunktion?
Nach dem Aufruf der setState-Funktion im Code führt React das übergebene Parameterobjekt mit dem aktuellen Status der Komponente zusammen und löst dann den sogenannten Abstimmungsprozess (Reconciliation) aus.
Nach dem Abstimmungsprozess erstellt React relativ effizient den React-Elementbaum basierend auf dem neuen Status und rendert die gesamte Benutzeroberfläche neu.
Nachdem React den Elementbaum erhalten hat, berechnet React automatisch die Knotendifferenz zwischen dem neuen Baum und dem alten Baum und minimiert und rendert dann die Schnittstelle basierend auf der Differenz neu.
Im Differenzberechnungsalgorithmus kann React relativ genau erkennen, welche Positionen sich geändert haben und wie sie geändert werden sollten, was Aktualisierungen bei Bedarf anstelle eines vollständigen Neu-Renderings gewährleistet.
Empfohlenes Lernen: „Video-Tutorial reagieren“
Das obige ist der detaillierte Inhalt vonWas passiert, nachdem React Setstate aufgerufen hat?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!