كيفية استخراج معلومات من الرابط باستعمال react router

التوثيق ال رسمي للمكتبة يشرح الموضوع بالتفاصيل هنا

في صفحة المكون يمكنك الاستعانة ب useLocation وانشاء دالة تسمح لك بالحصول على ال queries بهذه الطريقة

import React from "react";
import {useLocation} from "react-router-dom";

function useQuery() {
  return new URLSearchParams(useLocation().search);
}

function Account() {
  let query = useQuery();
  let id = query.get('id');

  return (
    <div>
      <div>
        <h2>Accounts page</h2>
      <h3>id : {id}</h3>
      </div>
    </div>
  );
}