React基础教程(13):路由的使用
文章目录
- 1、什么是路由?
- 2、路由安装
- 3、路由使用
- (1)路由方法导入和使用
- (2)定义路由以及重定向
- (3)嵌套路由
- (4)路由跳转方式
- (5)动态路由
- 动态路由写法一
- 动态路由写法二
- 4、实现效果
- 5、完整代码下载
1、什么是路由?
路由是根据不同的url
地址展示不同的内容或页面。
一个针对React而设计的路由解决方案,可以友好的帮你解决React components到url之间的同步映射关系。
2、路由安装
npm install react-router-dom@5
3、路由使用
(1)路由方法导入和使用
// HashRouter会使url出现#
import {HashRouter,Route,Switch