تمرير parameter للصفحات في React Router؟

مرحباً بك: 
أثناء تعريف الراوتر 

<Route exact path="/item/:id" component={Item} />

أثناء التوجيه من المكون 
 

const id = 3;
<Link to={`item/${id}`} />

في المكون الذي ستتوجه له
 

import { useParams } from "react-router-dom";

function Item() {
  // استرجع القيمة 
  let { id } = useParams();

  return (
    <div>
      <h3>ID: {id}</h3>
    </div>
  );
}

يمكنك أي عدد من params في ال Route

<Route exact path="/post/:id/:title" component={Post} />

ثم تقوم بتشكيل الرابط الموجه للصفحة

<Link to={`item/${id}/${title}`} />

ثم يمكنك الوصول لهم باستخدام الاسم الذي عرفته في Route

import { useParams } from "react-router-dom";

function Post() {

  let { id,title } = useParams();

  return (
    .....
  );
}