React-Router-DOM學習筆記

基礎知識

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.匹配子路由
 
 
 9.動態路由
10.Route組件的render和children方法
render方法只有在路由匹配時才觸發
children方法不管路由匹不匹配都會觸發
 
11.自定義組件
12.自定義Link組件
 
13.withRouter
 
 
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章