Discussions

Récupérer dynamiquement l'id avec react-router-dom V6

Image
 
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
Image
Inscrivez-vous ou connectez-vous pour participer à la discussion.

Informations

Créée le April 15, 2023 7:16 PM
Dernière activité le April 15, 2023 7:16 PM