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

برای به دست آوردن مسیر جاری در 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 استفاده کنی.