天天看點

react-router基本用法

說明:

a. 引入子產品:

react-router基本用法

b. 定義路徑和連結:

react-router基本用法

c. 定義子路徑:

react-router基本用法

d. 定義單擊跳轉事件:

react-router基本用法

完整代碼:

效果:

a. 首頁:

react-router基本用法

b. 父頁面:

react-router基本用法

c. 子頁面:

react-router基本用法

d. 點選回到首頁:

react-router基本用法

手動控制跳轉:

a. 引入元件:

react-router基本用法

b. 使用:

react-router基本用法

c. 導出:

react-router基本用法

使用hash路由(使代碼打包後可以在本地運作):

react-router基本用法
react-router基本用法

404頁面:

a. 引入:

b. 定義: