小编Mas*_*ood的帖子

React-router-dom v4嵌套路由不起作用

关于未解决的问题(作为最终结论)

我也遇到了同样的问题.

https://reacttraining.com/react-router/web/guides/quick-start promotereact-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>
)

Run Code Online (Sandbox Code Playgroud)

有些东西不起作用: site.com/SomeGarbagePath 显示<MainApp>我认为.
<Route path="*" component={PageNotFound}/>

更新