Javascript 反应路由器无法呈现路由

新的反应和反应路由器。 我正在使用react-router-4

我有以下组件 -登录 -家 -标题 -边栏 -内容

登录组件既没有标题也没有侧边栏

这就是我的路线

App.js

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

然后在我的主页组件中，我有侧边栏和内容

Home.js呈现方法

<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>

主页}/>

侧边栏组件有一个链接，该链接具有“to”value“/home/dashboard”

不幸的是，这不起作用。单击侧边栏链接，将加载空白页

根据我的理解，在react router 4中，您可以在路由器层次结构中的任何位置渲染路由。这就是我试图通过在'Grid.Column width={13}'div中呈现路由来实现的

---

我在这里遗漏了什么？

交换机中的第二条线路就是问题所在。应该是：

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

---

交换机中的第二条线路就是问题所在。应该是：

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

背后的原因：-

//此处使用交换机在不同路由之间切换

//它显示应用程序主页开始的应用程序的基本路径

//单击链接时，它将路由到您想要到达的组件

背后的原因：-

//此处使用交换机在不同路由之间切换

//它显示应用程序主页开始的应用程序的基本路径

//单击链接时，它将路由到您想要到达的组件

---

现在它有意义了！谢谢现在有道理了！谢谢