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

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

相关推荐
itachi-uchiha4 分钟前
使用vsftpd搭建FTP服务器(TLS/SSL显式加密)
运维·服务器·ssl
罗技12315 分钟前
我用Amazon Q写了一个Docker客户端,并上架了懒猫微服商店
运维·docker·容器
成工小白17 分钟前
【Linux】文件操作
linux·运维·服务器
2501_9111212324 分钟前
Nginx+Tomcat 负载均衡群集
nginx·tomcat·负载均衡
itachi-uchiha1 小时前
关于dropbear ssh服务
运维·ssh
家庭云计算专家1 小时前
ONLYOFFICE协作空间3.1.1 企业版 介绍及部署说明:家庭云计算专家
运维·服务器·云计算·onlyoffice·协作空间
Ares-Wang1 小时前
负载均衡LB》》HAproxy
运维·数据库·负载均衡
wanhengidc2 小时前
高防服务器能够抵御哪些网络攻击呢?
运维·服务器
凯勒姆4 小时前
6.linux文本内容显示cat,more,less
linux·运维·服务器
SailingCoder4 小时前
grafana-mcp-analyzer:基于 MCP 的轻量 AI 分析监控图表的运维神器!
运维·人工智能·typescript·node.js·grafana