Специализация
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 в телеграм
Чем отличаются компоненты <Route> и <Routes>?
Как задать маршруты с вложенными компонентами (nested routes)?
Что такое маршруты-заглушки (fallback routes), и как их реализовать?
Что такое маршруты-защита (protected routes), и как их настроить?
Как добавить обработку ошибок маршрутов (error handling routes)?
Рейтинг:
2
Сложность:
2
<Route> определяет отдельный маршрут и связан с конкретным компонентом, который отображается при совпадении URL. <Routes> является контейнером для <Route> и отвечает за поиск первого подходящего маршрута. Без <Routes> компоненты <Route> не будут работать корректно в новых версиях React Router.
Рейтинг:
2
Сложность:
5
Для создания вложенных маршрутов в React Router используется структура маршрутов, где один <Route> включает в себя другой. Дочерние маршруты отображаются внутри родительского компонента с использованием компонента <Outlet>.
Рейтинг:
2
Сложность:
6
Маршруты-заглушки обрабатывают ситуации, когда запрашиваемый маршрут не существует. Они реализуются с помощью маршрута * и позволяют показывать страницу ошибки или редиректить на основной маршрут.
Рейтинг:
4
Сложность:
8
Маршруты-защита позволяют ограничивать доступ к компонентам или страницам. Они реализуются путем проверки условий (например, аутентификации) и перенаправления неавторизованных пользователей на другую страницу.
Рейтинг:
3
Сложность:
7
Обработка ошибок в React Router осуществляется через свойство errorElement для маршрута или через глобальный обработчик ошибок на уровне роутера. Ошибки могут быть отображены с помощью компонента ошибки.
