Ist React ein bidirektionaler Datenfluss?

React ist kein bidirektionaler Datenfluss, sondern ein einseitiger Datenfluss. Ein unidirektionaler Datenfluss bedeutet, dass sich die Daten nach einer Änderung auf einem Knoten nur auf andere Knoten auswirken. Die Leistung in React besteht darin, dass die Daten hauptsächlich über Requisiten vom übergeordneten Knoten an den untergeordneten Knoten weitergeleitet werden Wenn sich bestimmte Requisiten des übergeordneten Knotens ändern, rendert React alle untergeordneten Knoten neu.

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

Ist React ein bidirektionaler Datenfluss?

React ist kein bidirektionaler Datenfluss, React ist ein einseitiger Datenfluss

vue und ng sind beide bidirektionaler Datenfluss und VM ist bidirektional. Weg Datenbindung. React ist ein unidirektionaler Datenfluss, und die Daten von der Modellebene fließen zur Ansichtsebene.

Was bedeutet einseitiger Datenfluss?

Einseitiger Datenfluss bedeutet, dass die Daten, nachdem sie auf einem bestimmten Knoten geändert wurden, nur andere Knoten in einer Richtung beeinflussen.

Einseitiger Datenfluss bedeutet, dass die Daten nur in eine Richtung geändert werden können. Im Moment können wir es so verstehen, wie in der Abbildung unten gezeigt. Unter einer übergeordneten Komponente befinden sich zwei untergeordnete Komponenten 1 und 2. Die übergeordnete Komponente kann Daten an die untergeordneten Komponenten weitergeben. Wenn alle Unterkomponenten den Namen der übergeordneten Komponente erhalten haben, ändern sich die Werte in der Unterkomponente 2 und der übergeordneten Komponente nicht, nachdem der Name in Unterkomponente 1 geändert wurde. Dies liegt genau daran, dass der Mechanismus in Vue ein eins ist. Auf diese Weise können untergeordnete Komponenten den Status der übergeordneten Komponente nicht direkt ändern. Wenn andererseits der Name in der übergeordneten Komponente geändert wird, ändern sich natürlich auch die Namen in den beiden untergeordneten Komponenten.

Einfacher unidirektionaler Datenfluss bedeutet, dass der Benutzer auf die Ansicht zugreift, die Ansicht eine Aktion für die Benutzerinteraktion ausgibt und der Status in der Aktion entsprechend aktualisiert wird. Nachdem der Status aktualisiert wurde, wird der Prozess der Ansichtsaktualisierung der Seite ausgelöst. Auf diese Weise fließen die Daten immer klar in eine Richtung und sind somit leicht zu pflegen und vorhersehbar.

React folgt dem Datenfluss von oben nach unten, also dem Datenfluss in eine Richtung.

React ist ein einseitiger Datenfluss. Daten werden hauptsächlich von übergeordneten Knoten an untergeordnete Knoten weitergeleitet (über Requisiten). Wenn sich eine der Requisiten der obersten Ebene (übergeordnet) ändert, rendert React alle untergeordneten Knoten neu.

Einseitiger Datenfluss ist keine „einseitige Bindung“, und selbst ein einseitiger Datenfluss hat „keine Beziehung“ zur Bindung. Für React begrenzen die beiden Prinzipien des unidirektionalen Datenflusses (von oben nach unten) und der einzelnen Datenquelle die Notwendigkeit, den Status einer anderen Komponente in einer Komponente in React zu aktualisieren (ähnlich der parallelen Komponentenparameterübergabe von Vue oder der Übergabe der untergeordneten Komponente). Parameter für die übergeordnete Komponente), was eine staatliche Heraufstufung erfordert. Das heißt, den Staat in seine nächste Vorgängerkomponente zu befördern. Der Status wird in der untergeordneten Komponente geändert, was eine Änderung des Status der übergeordneten Komponente auslöst. Die Änderung des Status der übergeordneten Komponente wirkt sich auf die Anzeige einer anderen Komponente aus (da sich der an eine andere Komponente übergebene Status geändert hat, der sich von $emit( ​​unterscheidet). ) der untergeordneten Vue-Komponente. Die Methode ist sehr ähnlich.

Empfohlenes Lernen: „Video-Tutorial reagieren“

Das obige ist der detaillierte Inhalt vonIst React ein bidirektionaler Datenfluss?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!