依賴包:
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. 嵌套路由寫法

依賴包:
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刪除。