Warum verwenden wir REF IN reagieren?
Warum verwenden wir REF IN reagieren?

Video: Warum verwenden wir REF IN reagieren?

Video: Warum verwenden wir REF IN reagieren?
Video: Wie läuft das Ref ab? Sitzungdienst für die StA? Noten und Lernroutine im 1. und 2. Staatsexamen 2024, Kann
Anonim

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

Die Frage ist auch, wie Sie REF IN reagieren JS 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.

Abgesehen von oben, wie übergeben Sie Refs in Reaction? Wir definieren a ref in der Komponente, die die benötigt ref und passieren es auf die Schaltflächenkomponente. Reagieren Wille passieren das ref durch und weiterleiten nach unten zu <button ref ={ ref }> indem Sie es als JSX-Attribut angeben. Wenn das ref es ist angehängt, ref . current zeigt auf den DOM-Knoten.

Was macht außerdem createRef?

Referenzen erstellen - Verwenden von Reagieren . createRef () und anhängen an Reagieren Elemente über das Attribut ref. Im Wesentlichen weisen Sie die Ref zu, die von. zurückgegeben wurde Reagieren . createRef () zu einer Instanzeigenschaft, wenn eine Komponente ist konstruiert (auch bekannt als im Konstruktor der Komponente). Auf diese Weise wird der Ref kann in der gesamten Komponente referenziert werden.

Was ist ref in HTML?

Die ref -Attribut ermöglicht es, eine Referenz auf ein bestimmtes React-Element oder eine bestimmte React-Komponente zu speichern, die von der Konfigurationsfunktion Component render() zurückgegeben wird. Dies kann nützlich sein, wenn Sie innerhalb einer Komponente einen Verweis auf ein Element oder eine Komponente benötigen, die in der render()-Funktion enthalten sind.

Empfohlen: