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
 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM