Qu'est-ce que la référence de transfert dans réagir et comment nous l'utilisons et pourquoi nous l'utilisons.?

HASEEB ALAM RAFIQ

Je suis nouveau dans react, je vois le terme (ref forwarding). J'ai une bonne connaissance du crochet useRef(), de l'attribut ref et des crochets useState(). Mais j'écoute ce terme et je lis des articles pour la référence de transfert, mais malheureusement, je ne comprends pas ce que c'est réellement, et pourquoi nous l'utilisons, où nous l'utilisons et comment il sera utilisé dans le projet. Je travaille avec un composant fonctionnel en réaction, donc je veux en savoir plus sur l'utilisation du composant fonctionnel. Quelqu'un m'aide, expliquez-moi ici de manière simple.

Muneeb Ejaz

Le transfert de référence est une technique permettant de transmettre automatiquement une référence via un composant à l'un de ses enfants.

Cela peut aider à créer des composants réutilisables, par exemple si nous voulons obtenir un composant de bouton et que nous voulons en faire quelque chose, nous pouvons passer la référence à l'élément DOM du bouton.

const FancyButton = React.forwardRef((props, ref) => (
  <button ref={ref} className="FancyButton">
    {props.children}
  </button>
));

// You can now get a ref directly to the DOM button:
const ref = React.createRef();
<FancyButton ref={ref}>Click me!</FancyButton>;

Référence https://reactjs.org/docs/forwarding-refs.html

Cet article est collecté sur Internet, veuillez indiquer la source lors de la réimpression.

En cas d'infraction, veuillez [email protected] Supprimer.

modifier le
0

laisse moi dire quelques mots

0commentaires
connexionAprès avoir participé à la revue

Articles connexes

TOP liste

  1. 1

    J'ai besoin de savoir si ces deux phrases sont les mêmes en programmation

  2. 2

    Javascript indiquant "impossible de définir la propriété 'innerHTML' sur null"

  3. 3

    Nextcloud avec Docker: impossible de créer ou d'écrire dans le répertoire de données

  4. 4

    La taille de la forme n'est pas égale à la taille de la cellule du tableau et ajuste le texte à l'intérieur de la forme

  5. 5

    Trouver l'intersection et l'union de deux rectangles

  6. 6

    Comment changer la couleur de la police dans R?

  7. 7

    Empêcher l'allocation de mémoire dans la génération de combinaison récursive

  8. 8

    Référencement des assemblys de structure .net 4.7 dans la solution .net core 2

  9. 9

    Compter combien de fois un nombre apparaît dans un tableau aléatoire

  10. 10

    Pourquoi utiliser Asyncio ne réduit pas le temps d'exécution global en Python et n'exécute pas les fonctions simultanément?

  11. 11

    Comment convertir une chaîne en tuple en utilisant `reads`?

  12. 12

    java.lang.ClassNotFoundException: oracle.jdbc.driver.OracleDriver

  13. 13

    comment afficher un bouton au-dessus d'un autre élément ?

  14. 14

    Création d'un nouvel objet d'une classe avec un nouveau nom en cliquant sur un bouton dans java swing

  15. 15

    comment supprimer "compte de connexion google" à des fins de développement - actions sur google

  16. 16

    Restauration de la sauvegarde de la base de données SQL Server sur la version inférieure

  17. 17

    Créer un graphique à barres avec une fréquence relative / à partir d'un objet de table dans R

  18. 18

    Création d'un rappel python pour une fonction C à partir d'une DLL avec un tampon char.

  19. 19

    java.lang.NoClassDefFoundError: org / springframework / data / repository / config / BootstrapMode

  20. 20

    comment le contrôle de tableau javascript devrait-il être

  21. 21

    impossible d'ouvrir un nouvel onglet dans react, ajoute localhost: 3000 sur le lien?

chaudétiquette

Archive