فیلتر کردن محصولات با Query String در react

سلام
در ریکت فیلتر با state ها صورت میگیره و هم راحت است ولی چرا میخواهید کوری استفاده کنید دلیل کارتان چیه ایا جایی دیگه به مشکل میخورید.

@shift.delete
سلام
کاربر فیلتر انجام داده و حالا میخواد لینک صفحه رو برای کسی ارسال بکنه ، هر کس روی لینک کلیک بکنه دقیقا اون فیلتر ها براش باز میشه
برای همین میخوام اطلاعات به url هم ارسال بشه.
خود راکت هم این کارو کرده @hesammousavi
اگر با state ها این کارو بکنیم اطلاعات فیلتر شده برای کسی ارسال نمیشه

این دو تا لینک نگاه کنید کمک تان میکنه مشکل تون حل کنید.
https://stackoverflow.com/questions/50370445/react-best-way-to-filter-through-url
https://medium.com/grad4-engineering/filtering-data-with-react-routing-84ad2fd0f26e

سلام منم تقریبا یه یک هفته ای بهش بر خوردم و تقریبا اینطور که فکر میکنم اینطوری پیاده سازی میشه
اول باید این دو تا کامپوننت رو ایمپورت کنید

import { useSearchParams , useLocation } from 'react-router-dom';

بعد میاین به اینصورت ازش استفاده میکنین

    const [ searchParams , setSearchParams ] = useSearchParams();

و می تونین مقادیری که توی url هست رو به این صورت دریافت کنید

    let { search } = useLocation();

و این searchParams متد هایی داره که ازش میتونین استفاده کنین مثل get که مثلا میتونین زمانی که صفحه رندر شد بیاد و اگه query string وجود داشت به طور دیفالت دریافتش کنه

    const [ searchName , setSearchName ] = useState(searchParams.get('search') || '');

و برای ست کردن query string هم باید متد سترش رو صدا بزنید یعنی اگه مثلا یه اینپوت دارید که زمانی که مقدارش تغییر کرد اون رو باید توی query string ست کنید

onChange={(e) => setSearchName(e.target.value)}

از این لینک ها هم میتونین استفاده کنین:
https://medium.com/geekculture/how-to-use-query-parameters-with-react-js-react-router-86237c1ec456
https://stackoverflow.com/questions/35352638/how-to-get-parameter-value-from-query-string
https://www.youtube.com/watch?v=p3coPygJ8ws
https://www.youtube.com/watch?v=KEOgs89lu_M

سلام من همین مشکل رو خورم مدیریتش با useSearchParams خیلی سخته اما با هوک زیر خیلی آسان میشه
https://www.npmjs.com/package/use-query-params