Работа с маршрутами и извлечение пути с использованием хука useLocation() в реакции-router-dom@6

В реакции-router-dom@6 вы можете использовать компонент Routesдля определения ваших маршрутов и хук useLocation()для доступа к текущему пути. Вот несколько способов добиться этого:

  1. Импортировать необходимые модули:

    import { Routes, Route, useLocation } from 'react-router-dom';
  2. Определите свои маршруты с помощью компонента Маршруты:

    <Routes>
    <Route path="/" element={<Home />} />
    <Route path="/about" element={<About />} />
    {/* Add more routes as needed */}
    </Routes>
  3. Доступ к текущему пути с помощью ловушки useLocation():

    const location = useLocation();
    console.log(location.pathname); // Outputs the current path

Используя хук useLocation(), вы можете получить доступ к текущему пути и выполнить любую необходимую логику на основе маршрута.