Heim  >  Artikel  >  Web-Frontend  >  Was passiert, nachdem React Setstate aufgerufen hat?

Was passiert, nachdem React Setstate aufgerufen hat?

WBOY
WBOYOriginal
2022-04-27 15:00:043411Durchsuche

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.

Was passiert, nachdem React Setstate aufgerufen hat?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Reaktionsversion 17.0.1, Dell G3-Computer.

Was ist passiert, nachdem React setstate aufgerufen hat?

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn