Dans le cours : React : Design Patterns
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 24 600 cours dispensés par des experts.
Démarrer avec le HOC : usage - Tutoriel React.js
Dans le cours : React : Design Patterns
Démarrer avec le HOC : usage
Alors, ce que l'on a fait jusqu'à présent, c'est définir le composant d'ordre supérieur. Celui-ci s'appelle withLibrary. Et donc, celui-ci va prendre en paramètre un Component et on va également pouvoir transmettre des props, c'est-à-dire des accessoires avec des valeurs à ce composant. On va voir tout de suite comment faire usage de ce composant d'ordre supérieur, et on va commencer par ici transmettre, donc, en tant que paramètre, comme on a vu lorsque l'on a découvert, la syntaxe du composant d'ordre supérieur. On va donc transmettre en tant que paramètre ce composant App. Donc, je vais faire référence à withLibrary, notre composante d'ordre supérieur, et ensuite, lui transmettre App. Donc, c'est pas fini. On va voir ensuite au niveau de l'index ici où l'on fait référence à notre composant App. Et donc, c'est ici qu'on va transmettre à cette props library l'information de la librairie que l'on souhaite afficher. Donc ensuite, afficher avec l'animation du logo avec React. Voilà…
Table des matières
-
-
-
-
-
Appréhender la notion de HOC3 m 39 s
-
(Verrouillé)
Démarrer avec le HOC : syntaxe3 m 30 s
-
(Verrouillé)
Démarrer avec le HOC : usage4 m 48 s
-
(Verrouillé)
Télécharger le projet de démarrage3 m
-
(Verrouillé)
Utiliser le HOC with Datasource3 m 11 s
-
(Verrouillé)
Voir le HOC en action4 m 33 s
-
(Verrouillé)
Séparer les responsabilités au moyen du HOC3 m 32 s
-
(Verrouillé)
Afficher une interface alternative grâce au HOC3 m 6 s
-
(Verrouillé)
Assurer séparation, composition et réutilisation2 m 35 s
-
-
-