react 路由 react-router/react-router-dom

react-router-dom中包含react-router

安装前者即可

复制代码
npm install react-router-dom -S

import { BrowserRouter as Router, Route, Link, Switch } from 'react-router-dom'

<Switch>组件,和switch语法一样,遇到匹配就结束,后面的<Router/>不再处理

<Route/>属性exact ,严格匹配,路由和当前path完全相等时才视为路由匹配成功,否则,包含匹配

例如:当前路径为url 为 /index/new,<Route/> 中属性值为/和/index和/index/new等都会匹配成功

strict(bool):true的时候,有结尾斜线的路径只能匹配有斜线的location.pathname;
© 著作权归作者所有,转载或内容合作请联系作者

喜欢的朋友记得点赞、收藏、关注哦!!!

相关推荐
虎头金猫8 小时前
4K 视频总卡在公网带宽?用 N1 + OpenList 把网盘播放链路重新理顺
运维·服务器·网络·python·容器·beautifulsoup·pandas
还是大剑师兰特9 小时前
解决nginx错误:http://localhost:7000正常,http://localhost:7000/map 报错404
nginx·大剑师
AI职业加油站10 小时前
AI智能体应用工程师证书:政策红利下的职业新风口
大数据·运维·人工智能·学习·职场发展
此冬歌咏11 小时前
K8s 节点故障实战:优雅驱逐 31 秒,硬故障 331 秒,以及那个永远 Pending 的 Pod
运维·k8s
xing-xing11 小时前
Docker容器中Nginx站点根目录网页配置访问
nginx·docker
-梅11 小时前
linux(8) 软硬链接
linux·运维·服务器
张洛闻Eren12 小时前
k8s云原生【第十课】:水平 Pod 自动扩缩容
运维·数据库·云原生·kubernetes·github
其实防守也摸鱼12 小时前
内网穿透与反向代理:原理、工具与实战指南
android·大数据·运维·安全·网络安全·自动化·渗透
布裘12 小时前
【银河麒麟】V4桌面图标消失,右击鼠标没反应排查
运维·银河麒麟·桌面环境
懂软件的胡子个哥13 小时前
微信机器人为什么需要“回复候选”而不是所有 AI 内容直接发送
运维·微信·自动化·wechatapi·个人微信号二次开发