当我的路由放置在子组件中时，url正在更改，但组件未呈现

Question

import './App.css';
import AppRoutes from './AppRoutes'
import {BrowserRouter as Router} from "react-router-dom"
import AppHeader from './modules/platform-components/app-header/AppHeader'

function App() {
  return (
    <div className="App">
      <AppRoutes />
    </div>
  );
}

export default App;```

// Above is my App.js

```import React,{Component} from "react"
import {Route,Switch} from "react-router-dom"
import Login from "./modules/authentication/login/Login"
import BaseApp from "./modules/platform-components/base-app/BaseApp"
export default function AppRoutes (){

        return (
            <Switch>
                <Route path="/" exact component={Login}/>
                <Route path="/login" component={Login}/>       
                <Route exact path="/app" component={BaseApp}/>
            </Switch>           

        )

}```

//above is AppRoutes.js

导入React，{Component}from'./Routes'导入AppHeader from'.../app-头/AppHeader'导入{路由，交换机，链接，与路由器，使用RouteMatch}from"report-router-dom"函数BaseApp（）{let Match=useRouteMatch（）返回（Base App Component App Header
）}导出默认BaseApp；"'

//这是我的baseApp

 function Appheader(){
        return (
            <div>App Header Component</div>
        )    
}
export default Appheader;```

//above is my app header 
`when i am entering url /app it isnavigating to baseApp component but when i enter /app/appheader it's not rendering anything but url is changed `

Answer 1

用这个交换你的路线

<Switch>
   <Route exact path="/" exact component={Login}/>
   <Route path="/app" component={BaseApp}/>
   <Route path="/login" component={Login}/>       
   <Route component={() => <div>Not Found</div>}/> // you could also add this line to cater with your 404 routes
</Switch>

请在此处阅读更多信息：https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/api/Route.md