react-routerV6.0的使用


依賴包:

react-router-dom@6.0.0-beta.0

history@5.0.0

 

1. 在入口文件index.tsx中使用 BrowserRouter 包裹app組件

 

2. 組建中配置跳轉

 

 

 

 

 

 

 

 

 

3. Link

 

 

4. 嵌套路由

4-1. 從 react-router-dom 中導入Outlet組件(此組件同理vue中的 router-view )

下圖為 LayoutComponent  組件代碼,匹配到的路由要插入到Outlet組件的位置

 

 

 4-2. 嵌套路由寫法

 


免責聲明!

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



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