React的路由react-router
2024-10-08 21:02:42
意思是:当你写一个web应用时候,应噶install的是react-router-dom,同样的,当你想写一个Native应用时候,需要install的是react-router-native,这两个都会下载react-router作为其依赖。
react-router 提供了router的核心api,Router,Route,Switch,但是没有提供dom操作进行跳转的api。
react-router-dom提供了BrowerRouter,Route,Link等api控制路由的跳转。
HashRouter和BrowserRouter:
react-router2、3或者vue-router,路由中包含#,就是HashRouter。
而react-router4不支持HashRouter,转而拥护BrowserRouter,原理是使用HTML5的history API(pushState,replaceState,popState)。
Route:
<Route exact path="/" component={OpenPacket}></Route>
经常使用的exact,path,component属性。exact控制匹配到路径/不会再继续向下匹配,path匹配路由,component表示路径对应显示的组件
Link和NavLink:
两者控制路由跳转,不同点是NavLink的api更多。
Switch:用来包裹Route,里面不能放其他元素。
【未完待续】
新年flag5——了解自己
最新文章
- C数组下标越界
- C语言程序设计第八次作业
- 细谈CSS布局方式
- Scheduled Projects
- ios严格检验身份证号码有效性
- JavaScript---网络编程(10)--DHTML技术演示(3)-多选框
- 部署war包到Tomcat
- mysql 跨服务器复制数据库
- UIAlertControl的使用对比与UIAlertView和UIActionSheet
- 【原创】大叔经验分享(50)hue访问mysql(librdbms)
- Metasploit学习记录---Nessus简单使用
- 【C++ Primer 第10章】 1.概述(算法总结)
- 并发编程---IO模型
- 分布式系统的唯一id生成算法你了解吗?
- OSError: Could not find library geos_c or load any of its variants [&#39;libgeos_c.so.1&#39;, &#39;libgeos_c.so
- as3 运算与检查String 是否能够正确转换成数 值
- python并发爬虫利器tomorrow(一)
- Duilib教程-HelloDuilib及DuiDesigner的简单使用
- 《转》python学习(4)对象
- 20145319 《网络对抗》逆向与Bof基础
热门文章
- idea生成serialVersionUID
- 3dmax2012卸载/安装失败/如何彻底卸载清除干净3dmax2012注册表和文件的方法
- Kintinuous解析
- mysql挖掘与探索------第2章 索引1-1
- Jquery中$(document).ready() 和 JavaScript中的window.onload方法 比较
- iOS应用程序开发——解决iOS7之前版本与之后版本下app启动图片跳动问题
- python django 模板语言循环字典
- <;JZOJ5912>;VanUSee
- python 有关堡垒机的那些事
- 吴裕雄--天生自然 R语言开发学习:分类(续一)