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