CATALOGUE Code & Data Formation ReactJS Apprendre ReactJS 2018 Utilisation du composant Link dans React

Utilisation du composant Link dans React

Gérer les routes de son application
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre ReactJS 2018
Revoir le teaser Je m'abonne
3,0
Transcription
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
3,0
49,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Modification du composant Movie pour l'intégration avec React Router

Objectifs

Les objectifs de cette vidéo sont :
- Comprendre l'utilisation du composant Link dans React Router.
- Savoir comment récupérer et utiliser les props dans un composant React.
- Apprendre à créer des routes dynamiques basées sur les identifiants.

Résumé

Découvrez comment modifier le composant Movie afin d'utiliser le composant Link de React Router pour une meilleure navigation.

Description

Dans cette leçon, nous allons apprendre à modifier notre composant Movie pour récupérer l'imdbID dans ses props et utiliser le composant Link de React Router. Nous commencerons par mettre à jour les propTypes pour inclure une chaîne de caractère requise pour l'imdbID, puis nous ajusterons notre clé de l'index. Ensuite, nous remplacerons la d par un composant Link et définirons une route spécifique avec l'imdbID. Nous verrons également comment tester ces modifications pour nous assurer que les liens fonctionnent correctement et redirigent vers les détails du film. Finalement, nous introduirons le composant de détail qui affichera les informations spécifiques de chaque film.

Cet exercice est essentiel pour comprendre comment manipuler les routes dynamiques dans une application React en utilisant React Router.

Voir plus

Questions fréquentes

Pourquoi utiliser le composant Link de React Router ?
Utiliser le composant Link de React Router permet une navigation fluide et sans rechargement de page dans votre application React.
Quelles sont les étapes pour ajouter imdbID aux props de Movie ?
Pour ajouter imdbID aux props de Movie, il faut d’abord le définir dans les propTypes et l'extraire des données passées au composant via les props.
Comment tester si la route générée par Link est correcte ?
On peut tester la route en cliquant sur le lien généré et vérifier si l’URL et les détails affichés correspondent bien à ce qui est attendu.
1 commentaire
3,0
1 vote
5
4
3
2
1
gregory_jarrige
Il y a 4 ans
Cette formation est géniale, mais je ne peux pas lui mettre la note maximale en l'état, car il y a deux problèmes qu'il faudrait signaler à l'auteur :
- la vidéo du chapitre 4.1 ne correspond pas à l'intitulé
- la vidéo du chapitre 6.3 ne correspond pas non plus à l'intitulé
Les deux vidéos erronées correspondent manifestement à un autre cours décrivant la création d'une TODO List.
charlene.bleuse_1
Il y a 4 ans
Bonjour Monsieur Jarrige,

Je vous remercie de votre retour, je fais part de vos remarques au service technique.
Bien à vous, Charlène