目录
一 路由的组件说明
1 Router组件
包裹整个应用,一个React应用只需要使用一次
除了BrowserRouter还有一种Router是HashRouter,但是HashRouter不是很好用(地址栏有#)
2 Link组件
用于指定导航链接(Link组件最终会被编译成a标签)
Link组件的to属性的值:
最终会被编译成a标签的href
还表示浏览器地址栏中的pathname
3 Route组件
指定路由展示组件相关信息
path属性: 是路由规则
component属性: 表示当路由规则匹配时,要展示的组件
组件展示的规则:Route组件写在哪,渲染出来的组件就展示在哪
二 路由的执行过程
1 点击Link组件(a标签),修改浏览器地址栏中的url
2 react路由监听到地址栏url的变化
3 react路由内部会遍历所有Route组件,使用路由规则path与pathname进行匹配
4 当路由规则path能够匹配地址栏中的pathname时,就展示该Route组件的内容