0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
پرسش

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

How to get parameter value from query string in React JS

چطور می‌تونیم مقدار پارامتر رو از query string در React JS بگیریم؟ من توی پروژه‌ام نیاز دارم که مقادیر پارامترها رو از URL بگیرم و ازشون استفاده کنم. لطفا راهنمایی کنید.

1403/06/07
پاسخ
محمدامین سعیدی راد
بیوگرافی محمدامین سعیدی راد

برای اینکه بتونی مقدار پارامترها رو از 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;
پاسخ: 1403/06/07
آخرین آپدیت: 1403/08/17