首页 > 其他 > 详细

React-Router-DOM学习笔记

时间:2018-11-17 00:08:04      阅读:190      评论:0      收藏:0      [点我收藏+]

基础知识

1.BrowserRouter  (as  Router,给BrowserRouter起一个别名)
2.Route  匹配路径,导入组件
技术分享图片
3.Fragment  用来构建根组件
4.包容性,react-router-dom原始支持包容性
排他性需要引入switch,Switch的特点是从上往下读,只要有一个匹配成功,就不会往下读(Switch是由包容性变成排他性的一个重要组件)
5.编程式导航 Link   to属性 
(link在内部做了一个操作,把标签变成了a标签)
6.Redirect组件(重定向)
from属性  exact精准匹配  to属性
技术分享图片
7.高亮效果  NavLink
方式一 activeClassName (string) (注意这里的activeClassName的C是大写)
技术分享图片
 
技术分享图片
 
技术分享图片
 
方式二  activeStyle (Object)
技术分享图片
 
技术分享图片
 
技术分享图片
 
8.匹配子路由
技术分享图片
 
技术分享图片
 
 
 

React-Router-DOM学习笔记

原文:https://www.cnblogs.com/jsjx-xtfh/p/9972369.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!