Discussions
Récupérer dynamiquement l'id avec react-router-dom V6
Modifier
Supprimer
Les props remontent à vide dans Article.js si on log les props.
Voici la solution pour récupérer l'id dynamquement
Dans mon fichier Home.js voici le code à mettre
// Librairie
import React from 'react';
import { Link } from 'react-router-dom';
function Home() {
return (
<>
<h1>Accueil</h1>
<Link to="articles/1">Voir mon article</Link>
</>
);
}
export default Home;
Dans Article.js
// Librairies
import React from "react";
import { useParams } from "react-router-dom";
function Article (props) {
const {id} = useParams();
console.log({id});
return (
<h1>Ma page article ({id}) </h1>
);
}
export default Article;
Et voici le rendu
Cordialement
Sébastien Collin
0 réponse
Inscrivez-vous ou connectez-vous pour participer à la discussion.
Informations
Créée le 15 avril 2023 21:16Dernière activité le 15 avril 2023 21:16