基础知识

1.BrowserRouter  (as  Router,给BrowserRouter起一个别名)
2.Route  匹配路径,导入组件
React-Router-DOM学习笔记
3.Fragment  用来构建根组件
4.包容性,react-router-dom原始支持包容性
排他性需要引入switch,Switch的特点是从上往下读,只要有一个匹配成功,就不会往下读(Switch是由包容性变成排他性的一个重要组件)
5.编程式导航 Link   to属性 
(link在内部做了一个操作,把标签变成了a标签)
6.Redirect组件(重定向)
from属性  exact精准匹配  to属性
React-Router-DOM学习笔记
7.高亮效果  NavLink
方式一 activeClassName (string) (注意这里的activeClassName的C是大写)
React-Router-DOM学习笔记
 
React-Router-DOM学习笔记
 
React-Router-DOM学习笔记
 
方式二  activeStyle (Object)
React-Router-DOM学习笔记
 
React-Router-DOM学习笔记
 
React-Router-DOM学习笔记
 
8.匹配子路由
React-Router-DOM学习笔记
 
React-Router-DOM学习笔记
React-Router-DOM学习笔记
 
 9.动态路由
React-Router-DOM学习笔记
10.Route组件的render和children方法
render方法只有在路由匹配时才触发
children方法不管路由匹不匹配都会触发
React-Router-DOM学习笔记
 
11.自定义组件
React-Router-DOM学习笔记
12.自定义Link组件
React-Router-DOM学习笔记
 
13.withRouter
 
React-Router-DOM学习笔记
 

相关文章:

  • 2021-10-28
  • 2021-10-07
  • 2022-12-23
  • 2021-04-30
  • 2021-06-16
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-05
  • 2021-07-07
  • 2022-12-23
相关资源
相似解决方案