基礎知識
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
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.