Was ist React createRef?
Was ist React createRef?

Video: Was ist React createRef?

Video: Was ist React createRef?
Video: React. createRef 2024, November
Anonim

Wenn das ref-Attribut für ein HTML-Element verwendet wird, wird die im Konstruktor erstellte ref mit Reagieren . createRef () erhält das zugrunde liegende DOM-Element als aktuelle Eigenschaft. Wenn das ref-Attribut für eine benutzerdefinierte Klassenkomponente verwendet wird, erhält das ref-Objekt die gemountete Instanz der Komponente als aktuelle.

In Anbetracht dessen, was ist ref in ReactJS?

ReagierenJS | Referenzen . Referenzen sind eine von React bereitgestellte Funktion, um auf das DOM-Element und das React-Element zuzugreifen, das Sie möglicherweise selbst erstellt haben. Sie werden in Fällen verwendet, in denen wir den Wert einer untergeordneten Komponente ändern möchten, ohne die Requisiten und alles zu verwenden.

Ebenso wie reagiert Forwardref? 9. November 2019 6 Minuten Lesezeit. Ref Weiterleitung in Reagieren ist eine Funktion, die es Komponenten ermöglicht, Refs an ihre Kinder weiterzugeben („weiterleiten“). Es gibt der untergeordneten Komponente einen Verweis auf ein DOM-Element, das von ihrer übergeordneten Komponente erstellt wurde. Dadurch kann das Kind dieses Element überall dort lesen und ändern, wo es verwendet wird.

In ähnlicher Weise können Sie sich fragen, wie Sie ref reagieren verwenden?

Sie können eine erstellen ref per Anruf Reagieren . createRef() und anhängen a Reagieren Element dazu mit das ref Attribut des Elements. Wir können uns auf den Knoten des "beziehen" ref erstellt in der render-Methode mit Zugriff auf das aktuelle Attribut des ref.

Wie übergeben Sie ref an die untergeordnete Komponente?

Du passieren das ref zum untergeordnete Komponente als anders benannte Requisite - wirklich jeder andere Name als ref (z. B. buttonRef). Die untergeordnete Komponente kann die Requisite dann über die an den DOM-Knoten weiterleiten ref Attribut. Dadurch können die Eltern passieren es ist ref zum des Kindes DOM-Knoten durch den Komponente mitten drin.

Empfohlen: