Dans le cours : React : Créer et héberger un site full-stack
Accédez au cours complet aujourd’hui
Inscrivez-vous aujourd’hui pour accéder à plus de 23 100 cours dispensés par des experts.
Naviguer entre les pages de l'application - Tutoriel React.js
Dans le cours : React : Créer et héberger un site full-stack
Naviguer entre les pages de l'application
On met en place une nouvelle route et pour cela, on va rajouter à la portée de notre fichier « Single », donc l'objectif, c'est d'afficher une nouvelle route pour afficher le contenu individuel d'un article de blog que l'on aura sélectionné. Donc, on va trouver celui-ci dans pages et Single. Juste en dessous, je rajoute ce même composant qui est Route, donc on va définir l'itinéraire et ensuite, on va spécifier le composant qui sera affiché lorsque l'on navigue vers cet itinéraire. Donc là, ce sera Single ; là, on n'oublie pas le signe « = ». Voilà qui est fait pour notre nouvelle route. On a maintenant à spécifier l'itinéraire. Donc, l'itinéraire, ce sera post et ensuite, ici, on va rajouter ces deux petits points. Ce qu'on va voir ici, ce sera un paramètre qui va permettre de spécifier qu'on va pouvoir utiliser celui-ci comme paramètre et afficher un contenu de façon dynamique une fois que l'on aura navigué vers cette route. C'est pourquoi ici j'utilise cette syntaxe qui est de…
Table des matières
-
-
-
-
-
-
-
-
(Verrouillé)
Installer react-router4 m 25 s
-
(Verrouillé)
Créer une route pour la page de démarrage4 m 18 s
-
(Verrouillé)
Naviguer entre les pages de l'application3 m 54 s
-
(Verrouillé)
Transmettre des paramètres d'URL4 m 28 s
-
(Verrouillé)
Compléter l'interface du composant avec les paramètres d'URL2 m 44 s
-
(Verrouillé)
-
-
-
-