Router:指定路由规则
- Router默认也是模糊匹配
- Router的path可以不写,如果不写,表示该组件一定匹配
- Switch:(选择 开关) Switch中只有一个组件能匹配,只会显示第一个匹配的组件
// exact 表示精确匹配
<Route path='/' component={Home} exact></Route>
Switch配合没有path属性的Route可以实现404页面
<Switch>
<Route path='/' component={Home} exact></Route>
<Route component={NoMatch} ></Route>
</Switch>
以下是嵌套路由的知识点
- 在React中,配置嵌套路由非常简单,因为Route就是一个组件,可以在任意想配置的地方进行配置
- 但是配置嵌套路由的时候,需要对路径进行处理,必须要先匹配到父级路由,才能匹配到子路由
// 通过/home可以匹配Home父组件,再通过/list匹配组件
<Route path='/home/list' component={list}></Route>
哪个组件想添加嵌套路由,就在哪个组件中添加路由规则