В реакции-router-dom@6 вы можете использовать компонент Routesдля определения ваших маршрутов и хук useLocation()для доступа к текущему пути. Вот несколько способов добиться этого:
-
Импортировать необходимые модули:
import { Routes, Route, useLocation } from 'react-router-dom'; -
Определите свои маршруты с помощью компонента
Маршруты:<Routes> <Route path="/" element={<Home />} /> <Route path="/about" element={<About />} /> {/* Add more routes as needed */} </Routes> -
Доступ к текущему пути с помощью ловушки
useLocation():const location = useLocation(); console.log(location.pathname); // Outputs the current path
Используя хук useLocation(), вы можете получить доступ к текущему пути и выполнить любую необходимую логику на основе маршрута.