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