Peut-on utiliser REF dans le composant fonctionnel ?
Peut-on utiliser REF dans le composant fonctionnel ?

Vidéo: Peut-on utiliser REF dans le composant fonctionnel ?

Vidéo: Peut-on utiliser REF dans le composant fonctionnel ?
Vidéo: #5 Entraînement React JS - Projet Idle game Composants fonctionnels et hooks 2024, Novembre
Anonim

Tu Peut-être pas utilisation les réf attribut sur composants fonctionnels car ils n'ont pas d'instances. Vous pouvez , toutefois, utilisation les réf attribut à l'intérieur du rendu fonction d'un composant fonctionnel . Vous pouvez utiliser useRef hook qui est disponible depuis la v16.

De ce fait, quelles sont les manières correctes de créer une ref en réaction ?

Vous pouvez créer une référence en appelant Réagir . createRef() et en attachant un Réagir élément à l'aide du réf attribut sur l'élément. On peut « se référer » au nœud du référence créée dans le rendu méthode avec accès à l'attribut courant du réf.

A côté de ci-dessus, à quoi sert REF IN réagir ? Réfs sont une fonction fournie par Réagir pour accéder à l'élément DOM et au Réagir élément que vous avez peut-être créé vous-même. Elles sont utilisé dans les cas où l'on veut changer la valeur d'un composant enfant, sans faire utilisation d'accessoires et tout.

À cet égard, qu'est-ce que createRef ?

createRef () reçoit l'élément DOM sous-jacent en tant que propriété actuelle. Lorsque l'attribut ref est utilisé sur un composant de classe personnalisé, l'objet ref reçoit l'instance montée du composant comme son. Vous ne pouvez pas utiliser l'attribut ref sur les composants de fonction car ils n'ont pas d'instances.

Que fait createRef ?

Création de références - Utilisation Réagir . createRef () et les joindre à Réagir éléments via l'attribut ref. Essentiellement, vous attribuez la référence renvoyée par Réagir . createRef () à une propriété d'instance, lorsqu'un composant est construit (c'est-à-dire dans le constructeur du composant). De cette façon, la Réf pouvez être référencé dans tout le composant.

Conseillé: