反應路由器無法呈現路由

Question

新反應& react-router。 我使用的反應路由器-4

我有以下部件 - 登錄 - 首頁 - 頭 - 側邊欄 - 內容

登錄組件沒有報頭或側邊欄。

這是我如何路由

App.js

<Switch> 
    <Route exact path='/login' component={Login}/> 
    <Route exact path='/home' component={Home}/> 
</Switch> 

然後在我的家庭成分，我有側邊欄和內容。

Home.js render方法

<Grid> 
    <Grid.Row> 
     <Grid.Column width={3}> 
      <SideBar/> 
     </Grid.Column> 
     <Grid.Column width={13}> 
      <Route exact path='/home/dashboard' render={() => <div>Home</div>} /> 
     </Grid.Column> 
    </Grid.Row> 
</Grid> 

側邊欄組件具有其具有 '到' 值 '/家/儀表盤' 的鏈接。

不幸的是，這是行不通的。在單擊SideBar鏈接時，會加載一個空白頁面。

根據我的理解，在響應路由器4中，您可以在路由器層次結構中的任意位置呈現路由。這是我想通過在'Grid.Column width = {13}'div中渲染一條路徑來實現的。

我在這裏錯過了什麼？

Answer 1

Switch中的第二條路由是問題。它應該是：

<Switch> 
    <Route exact path='/login' component={Login} /> 
    <Route component={Home} /> 
</Switch>