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;
© 著作权归作者所有,转载或内容合作请联系作者

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

相关推荐
abigriver2 小时前
打造 Linux 离线大模型级语音输入法:Whisper.cpp + 3090 显卡加速与 Rime 中英混输终极调优指南
linux·运维·whisper
charlie1145141913 小时前
嵌入式Linux驱动开发pinctrl篇(1)——从寄存器到子系统:驱动演进之路
linux·运维·驱动开发
Agent手记3 小时前
异常考勤智能预警与处理与流程优化方案 | 基于企业级Agent的超自动化实战教程
运维·人工智能·ai·自动化
cen__y4 小时前
Linux12(Git01)
linux·运维·服务器·c语言·开发语言·git
dapeng-大鹏6 小时前
KVM+LVM 零停机在线扩容 Ubuntu 根分区:从磁盘添加到逻辑卷扩展完整
linux·运维·ubuntu·磁盘空间扩展
乐维_lwops6 小时前
案例解读|运维监控助力某大型卷烟厂构建高效运维监控体系
运维·运维案例
JiaWen技术圈6 小时前
网站用户注册行为验证码方案
运维·安全
仙柒4156 小时前
Docker存储原理
运维·docker·容器
DolphinDB6 小时前
漫长人工,耗费存储?用 BackupRestore 模块一站式解决跨环境数据同步难题
运维·后端·架构
周杰伦的稻香8 小时前
Ollama访问限制
nginx·ai