چطور می‌تونیم مقدار پارامتر رو از query string در React JS بگیریم؟

برای اینکه بتونی مقدار پارامترها رو از query string در React JS بگیری، می‌تونی از hook useLocation که از کتابخانه react-router-dom میاد استفاده کنی. این hook بهت این امکان رو می‌ده که به اطلاعات URL دسترسی پیدا کنی.

در اینجا یه نمونه کد آوردم که چطور می‌تونی این کار رو انجام بدی:

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

function useQuery() {
     return new URLSearchParams(useLocation().search);
}
const YourComponent = () => {
    let query = useQuery();
    let paramValue = query.get("yourParamName");

    return (
     <div>
          <p>Value of the parameter is: {paramValue}</p>
     </div>
)};
export default YourComponent;