Scribd
Importer
2 vues1 page

Exercice React Router

Ce document décrit un exercice de gestion du routage avec React Router pour créer une application React avec plusieurs pages. L'objectif est de mettre en pratique l'utilisation de React Router pour naviguer entre les composants sans recharger la page. Les tâches incluent la création d'un projet, l'installation de la bibliothèque, la création de composants, la définition de routes et l'ajout d'un menu de navigation.

Transféré par

moad4hatim
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd
2 vues1 page

Exercice React Router

Ce document décrit un exercice de gestion du routage avec React Router pour créer une application React avec plusieurs pages. L'objectif est de mettre en pratique l'utilisation de React Router pour naviguer entre les composants sans recharger la page. Les tâches incluent la création d'un projet, l'installation de la bibliothèque, la création de composants, la définition de routes et l'ajout d'un menu de navigation.

Transféré par

moad4hatim
Copyright
© All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats PDF, TXT ou lisez en ligne sur Scribd

Exercice : Gestion du routage avec React Router

Contexte
Vous êtes développeur Front-end et vous devez créer une petite application React contenant
plusieurs pages afin de comprendre le fonctionnement du routage avec React Router.

Objectif
Mettre en pratique l’utilisation de React Router pour gérer la navigation entre plusieurs composants
sans recharger la page, en utilisant et .

Questions / Tâches
1. Créer un nouveau projet React nommé app-router.

2. Installer la bibliothèque nécessaire pour le routage dans React.

3. Créer trois composants : Home, About, Contact. Chaque composant doit afficher un titre
correspondant à son nom.

4. Dans le fichier [Link], importer les composants nécessaires de React Router.

5. Utiliser le composant pour englober toute l’application.

6. Définir les routes suivantes : / affiche Home, /about affiche About, /contact affiche
Contact.

7. Utiliser l’attribut exact pour la route /.

8. Ajouter un menu de navigation contenant trois liens : Home, About, Contact. Chaque lien
doit permettre de naviguer sans recharger la page.

9. Tester l’application avec les URLs : [Link] [Link]


[Link]

10. Expliquer brièvement le rôle de : , , exact.

Vous aimerez peut-être aussi