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

چطوری در React JS مسیر فعلی رو به دست بیاریم؟

React Router v4: How to get current route?

در React Router v4، چطور می‌تونم مسیر جاری رو بگیرم؟ من نیاز دارم بدونم کاربر الان دقیقاً توی چه مسیریه تا بر اساس اون برخی عملیات‌ها رو انجام بدم.

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

برای به دست آوردن مسیر جاری در React Router v4، می‌تونی از هوک useLocation که از پکیج react-router-dom ارائه می‌شه استفاده کنی. این هوک یک آبجکت لوکیشن رو برمی‌گردونه که شامل اطلاعاتی مثل pathname (مسیر فعلی)، search (کوئری استرینگ)، و hash هست.

import React from 'react';
import { useLocation } from 'react-router-dom';
function CurrentRoute() {
  const location = useLocation();
  // Display the current route's pathname
  return (
   <div>
    <h1>Current Path: {location.pathname}</h1>
   </div>
);
}
export default CurrentRoute;

این کد به سادگی مسیر فعلی رو نمایش می‌ده. location.pathname همون مسیریه که کاربر الان توش قرار داره. با استفاده از این هوک، می‌تونی به راحتی مسیر جاری رو به دست بیاری و بر اساس اون کارهای مورد نظرت رو انجام بدی.

همچنین اگر نیاز داشتی که اطلاعات بیشتری از مسیر رو بگیری، می‌تونی از سایر پراپرتی‌های آبجکت location استفاده کنی.

پاسخ: 1403/06/04
آخرین آپدیت: 1403/08/03