Какие знаешь хуки для подключения роутера

«Какие знаешь хуки для подключения роутера» — вопрос из категории Архитектура, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

React Router предоставляет несколько хуков для работы с маршрутизацией:

  1. useParams - получает параметры из URL
const { id } = useParams();
  1. useNavigate - программная навигация
const navigate = useNavigate();
navigate('/about');
  1. useLocation - доступ к текущему location объекту
const location = useLocation();
  1. useSearchParams - работа с query параметрами
const [searchParams, setSearchParams] = useSearchParams();
  1. useRoutes - декларативное определение маршрутов
const routes = useRoutes([
  { path: '/', element: <Home /> }
]);
  1. useMatch - проверка совпадения с текущим URL
const match = useMatch('/users/:id');

Эти хуки позволяют гибко управлять навигацией и получать данные из URL без необходимости использовать компоненты-обертки.