Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Что такое React Router?
React Router — это библиотека для добавления маршрутизации в приложения React, позволяющая пользователю переходить между различными страницами без необходимости полной перезагрузки.
Можете ли вы объяснить, что такое BrowserRouter и HashRouter?
BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).
Как вы можете получить доступ к объекту истории в React Router?
Доступ к объекту истории в React Router можно получить через useHistory() или useNavigate() в функциональных компонентах, что позволяет манипулировать текущим маршрутом.
Какие основные компоненты предоставляет React Router DOM для создания маршрутов?
React Router DOM предоставляет ключевые компоненты, такие как <BrowserRouter>, <Routes>, <Route>, и <Link>. <BrowserRouter> используется для обертки приложения, чтобы включить маршрутизацию. <Routes> содержит набор маршрутов, а <Route> определяет, какой компонент рендерится при совпадении с определенным URL. <Link> используется для создания ссылок, которые позволяют навигацию без перезагрузки страницы.
Чем отличаются компоненты <Route> и <Routes>?
<Route> определяет отдельный маршрут и связан с конкретным компонентом, который отображается при совпадении URL. <Routes> является контейнером для <Route> и отвечает за поиск первого подходящего маршрута. Без <Routes> компоненты <Route> не будут работать корректно в новых версиях React Router.
Что произойдет, если два маршрута совпадают с текущим URL? Как это управляется?
Как получить параметры маршрута внутри компонента?
Как задать маршруты с вложенными компонентами (nested routes)?
Как задать редирект в приложении?
Что такое маршруты-заглушки (fallback routes), и как их реализовать?
Рейтинг:
2
Сложность:
5
Если два маршрута совпадают, <Routes> выбирает первый, который полностью соответствует текущему URL. Это называется "точное совпадение". Чтобы управлять этим, маршруты размещаются в порядке убывания специфичности (от более специфичных к менее специфичным).
Рейтинг:
2
Сложность:
3
Параметры маршрута можно получить с помощью хука useParams, который возвращает объект с ключами, соответствующими динамическим сегментам. Параметры запроса можно извлечь через useSearchParams, предоставляющий доступ к строке запроса.
Рейтинг:
2
Сложность:
5
Для создания вложенных маршрутов в React Router используется структура маршрутов, где один <Route> включает в себя другой. Дочерние маршруты отображаются внутри родительского компонента с использованием компонента <Outlet>.
Рейтинг:
2
Сложность:
5
Редирект можно задать с помощью компонента <Navigate> для автоматического перенаправления или программно через хук useNavigate.
Рейтинг:
2
Сложность:
6
Маршруты-заглушки обрабатывают ситуации, когда запрашиваемый маршрут не существует. Они реализуются с помощью маршрута * и позволяют показывать страницу ошибки или редиректить на основной маршрут.
Рейтинг:
3
Сложность:
3
Рейтинг:
2
Сложность:
5
Рейтинг:
2
Сложность:
5
Рейтинг:
3
Сложность:
3
Рейтинг:
2
Сложность:
2
