使用React Router进行路由的正确方法

时间:2018-10-15 04:02:53

标签: reactjs react-router

在我的React项目中,我有:

  1. 没有标题和侧边栏组件login image
  2. 的Login组件
  3. 具有标题,页脚和其他子组件的仪表板组件,这些组件均呈现在仪表板组件dashboard image
  4. 错误页面组件

问题: 我应该如何构造路由器以从登录页面开始,当我单击登录时,路由器会将我带到仪表板?

1 个答案:

答案 0 :(得分:0)

我可以为您指出一篇不错的中篇文章,该文章也帮助我了解了反应路线。 https://medium.com/@pshrmn/a-simple-react-router-v4-tutorial-7f23ff27adf

例如,我要做的是

<Route path="/" component={LoginPage} />
<Route exact path="/dashboard" component={DashboardComponent} />
<Route path="/dashboard/something" component={AnotherComponent} />

然后在DashboardComponent内添加标题和侧边栏。还有其他组件。 如果您需要

之类的路线

/ dashboard / some_other_thing

您必须在DashboardComponent内部定义相关事件