Was bedeutet unkontrollierte Komponente reagieren?

In React ist eine unkontrollierte Komponente eine Komponente, die nicht von ihrer übergeordneten Komponente gesteuert wird. Eine unkontrollierte Komponente ist eine unabhängige Komponente, die keinen Wert übergeben muss und keine Schnittmenge mit der übergeordneten Komponente der aktuellen Komponente aufweist. Beim Kapseln der Komponente wird diese nur dann als unkontrollierte Komponente gekapselt, wenn die aktuelle Komponente nur zu Anzeigezwecken dient und keinen Unterschied macht.

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

Was bedeutet unkontrollierte Komponente in React?

Was ist eine unkontrollierte Komponente?

Wir beginnen mit zwei Worten: Komponente, kontrolliert und unkontrolliert sind Konzepte aus der Perspektive der Komponenten. Die wörtliche Bedeutung ist, dass die Komponente nicht kontrolliert wird von irgendjemandem. Natürlich wird es nicht von der übergeordneten Komponente gesteuert. Das heißt, die gesamte Logik bezieht sich nur auf sich selbst und es gibt keine Kommunikation oder Überschneidung mit anderen Komponenten , Formularelemente wie und behalten ihren eigenen Status bei und werden basierend auf Benutzereingaben aktualisiert. In React sind diese Komponenten jedoch alle unkontrollierte Komponenten ohne Verarbeitung, denn wenn Sie sie tatsächlich verwenden, werden Sie feststellen, dass der Wert, den wir ohne Verarbeitung eingeben, nicht automatisch aktualisiert wird. Das Beispiel kann nicht abgerufen werden

Erklärung unkontrollierter Komponenten

Da die unkontrollierte Komponente eine Komponente ist, die keinen Schnittpunkt mit der Außenwelt hat, müssen wir die unkontrollierte Komponente nicht verwenden. Die Antwort lautet: Nein, wir verwenden tatsächlich die unkontrollierte Komponente

Karussellkomponente (unkontrolliert) Denken Sie darüber nach, wenn unsere Seite eine Karussellkomponente benötigt und diese Komponente derzeit nicht wiederverwendet wird. Wir fügen den Karussellcode in eine Karussellkomponente ein Muss die Karussellkomponente mit der Außenwelt interagieren? Dann schreiben wir ein Karussell, das unabhängig vom aktuellen Karussellbild läuft, einschließlich Klickereignissen. Wenn die Karussellkomponente fest codiert ist, ist die Karussellkomponente unkontrolliert Natürlich ist dieses Beispiel etwas weit hergeholt. Wenn wir eine Komponente herstellen, müssen wir den aktuellen Status des Karussells kennen sind nicht mehr für die Entwicklung statischer Seiten geeignet. Bei der Entwicklung statischer Seiten verwenden wir normalerweise keine Frameworks und verwenden nur HTML, um sie aus Dateien zu schreiben. Nach dem Packen ist die Leistung möglicherweise besser, wenn jedoch eine bestimmte Seite in unserem Projekt vorhanden ist Eine statische Seite, verwenden wir unsere unkontrollierten Komponenten? Die angezeigte Seite hat keine Kapselung und kann nur eine benutzerdefinierte Seite sein Es muss kein Wert übergeben werden und es gibt keine Schnittmenge mit der übergeordneten Komponente der aktuellen Komponente. In unserem Fall wird eine Komponente nur dann als unkontrollierte Komponente gekapselt, wenn die aktuelle Komponente nur zu Anzeigezwecken dient und keine vorhanden ist Unterschied.

Erweitertes Wissen:

Was ist eine kontrollierte Komponente? Wir werden dies mit unkontrollierten Komponenten besprechen. Die wörtliche Bedeutung ist, dass sie von übergeordneten Komponenten gesteuert werden . Wie die übergeordnete Komponente die untergeordneten Komponenten steuert, wird natürlich durch die Übergabe von Werten gesteuert. Wenn der Wert von einer untergeordneten Komponente verwendet wird, wird der Inhalt oder die Methode oder das Anzeigeergebnis der untergeordneten Komponente geändert Durch die übergeordnete Komponente ist die untergeordnete Komponente eine kontrollierte Komponente, die durch die übergeordnete Komponente gesteuert wird Nachdem dieser Komponente ein Wert übergeben wurde, handelt es sich im Wesentlichen um eine kontrollierte Komponente, auch wenn es sich um eine von uns übergebene feste Zeichenfolge handelt. Die Komponente prüft nicht, ob eine bidirektionale Datenbindung vorliegt Wenn wir einen festen Wert übergeben, ist der Wert der Eingabekomponente festgelegt und kann nicht geändert werden. Der Wert ist zwar fest codiert, wenn wir die Requisiten übergeben, aber dieser Wert steuert weiterhin die Eingabekomponente Erklärung der kontrollierten Komponenten

Kontrollierte Komponenten erscheinen tatsächlich in allen Aspekten unserer Programmierung. Jede Komponente, die wir alleine herausnehmen, wird höchstwahrscheinlich kontrollierte Komponenten sein, schließlich ist der Bedarf an statischen Seiten immer noch gering Zeit, und diese Logik muss interaktiv sein

Zum Beispiel entspricht der obige Eingabekomponentencode dem Textbereich und den ausgewählten Komponenten. Wir alle müssen einige Parameter (Requisiten) übergeben, um die spezifischen Rendering-Regeln zu informieren und den Inhalt der Komponente anzuzeigen Beispielsweise ist das Typattribut für uns auch eine Möglichkeit, die Komponente in beide Richtungen zu steuern: Wenn wir einen Wert an einen Wert oder ein Attribut übergeben, wird die Bedeutung der Komponente in eine kontrollierte Komponente geändert , aber wenn wir onChange binden, gibt onChange unserer Komponente eine Rückrufmethode, wenn sich die Daten ändern. In der Rückrufmethode verwenden wir setState, um die Daten zu ändern, wodurch die Daten neu gerendert werden die Ansicht, und die Ansicht steuert die Daten

Zusammenfassung: Kontrollierte Komponenten und unkontrollierte Komponenten sind ein Konzept, das angibt, ob die aktuelle Komponente kontrolliert wird und ob es sich um eine separate Komponente handelt, die keine Interaktion mit anderen Inhalten hat. Einfach ausgedrückt, kann eine völlig unabhängige Komponente als unkontrollierte Komponente angesehen werden, alle anderen Komponenten werden gesteuert

[Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend]

Das obige ist der detaillierte Inhalt vonWas bedeutet unkontrollierte Komponente reagieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!