В React Router компонент <Switch> рендерит первый дочерний <Route>, который совпадает с входящим URL. Это поведение — ключ к реализации страницы по умолчанию или NotFound.
<Route> без атрибута path всегда совпадает, независимо от текущего URL. Если ты поместишь этот маршрут последним внутри <Switch>, он будет ловушкой для всех несовпадающих маршрутов.
<Switch>
<Route exact path="/" component={Home}/>
<Route path="/user" component={User}/>
<Route component={NotFound} />
</Switch>
exact гарантирует, что маршрут совпадает только с точным путём (например, только "/" а не "/user")exact выполняют совпадение по префиксу (полезно для вложенных маршрутов)<Switch>NotFoundЭтот паттерн гарантирует, что твоё приложение корректно обрабатывает неправильные URL, сохраняя чистую структуру маршрутизации.
<Route> без атрибута path будет совпадать с любым URL и должна быть размещена последней в компоненте <Switch>, чтобы служить fallback для неопознанных маршрутов.
Новый — ещё не проверен сообществом
Вы