Спасибо за ответ, но это не работает. Отображение страницы ошибок внутри страницы MainApp (или не совсем с вариантами размещения <Switch>); когда garbabe набрал ссылку.
ошении нерешенного вопроса (как окончательное заключение)
Несколько Вложенных Маршрутов в response-router-dom v4Как вложить маршруты в React Router v4?Я также получаю ту же проблему.
https://reacttraining.com/react-router/web/guides/quick-start способствуетreact-router-dom
Кроме того, люди находят лучшеlist down routes
в одном файле, а не внутри компонентов.
Что-то указано: https://github.com/ReactTraining/react-router/tree/master/packages/react-router-config
Что-то работает (в основном):
import * as React from 'react'
import {BrowserRouter as Router, Route, Switch } from 'react-router-dom'
export const Routes = () => (
<Router>
<div>
<Switch>
<Route exact path="/login" component={Login}/>
<MainApp path="/">
<Route path="/list" component={List}/>
<Route path="/settings" component={Settings}/>
</MainApp>
<Route path="*" component={PageNotFound}/>
</Switch>
</div>
</Router>
)
Что-то не работает site.com/SomeGarbagePath
показывает<MainApp>
Я думаю.<Route path="*" component={PageNotFound}/>
Обновить
/ - Home - parent of all (almost)
/List - inside home
/Settings - inside home
/Login - standalone
/Users - inside home, For now just showing itself. It has further pages.
/User/123 - inside user with /:id
/User/staticUser - inside user with static route
/garbage - not a route defined (not working as expected)