React Frontend Developer

Question 1

Как React Router DOM обрабатывает неизвестные или некорректные URL?

Accepted Answer

React Router DOM перенаправляет некорректные URL на компонент обработки ошибок, который настраивается с помощью специального маршрута (path="*" или errorElement).

Question 2

Как получить параметры маршрута внутри компонента?

Accepted Answer

Параметры маршрута можно получить с помощью хука useParams, который возвращает объект с ключами, соответствующими динамическим сегментам. Параметры запроса можно извлечь через useSearchParams, предоставляющий доступ к строке запроса.

Question 3

Чем отличаются динамические сегменты маршрута и параметры запроса (query parameters)?

Accepted Answer

Динамические сегменты маршрута — это часть пути, указанная через :paramName, которая является обязательной. Параметры запроса (query parameters) передаются через строку после ? и являются необязательными. Динамические сегменты — это часть URL-структуры, а параметры запроса подходят для передачи дополнительной информации.

Question 4

Что произойдет, если два маршрута совпадают с текущим URL? Как это управляется?

Accepted Answer

Если два маршрута совпадают, <Routes> выбирает первый, который полностью соответствует текущему URL. Это называется "точное совпадение". Чтобы управлять этим, маршруты размещаются в порядке убывания специфичности (от более специфичных к менее специфичным).

Question 5

Как вы можете получить доступ к объекту истории в React Router?

Accepted Answer

Доступ к объекту истории в React Router можно получить через useHistory() или useNavigate() в функциональных компонентах, что позволяет манипулировать текущим маршрутом.

Question 6

Можете ли вы объяснить, что такое BrowserRouter и HashRouter?

Accepted Answer

BrowserRouter и HashRouter — это методы маршрутизации в React Router. BrowserRouter использует истинные URL, в то время как HashRouter использует хэш-фрагменты (#).

Вопросы React Frontend Developer