簡單粗暴的react路由

2021-09-12 18:36:19 字數 900 閱讀 4980

習慣了 vue-router 路由的用法,再用react-router總感覺挺麻煩的。

那麼就自己封裝乙個吧

1.封裝多級路由的情況 ————檔名為routerview.js
import react from 'react';

import from 'dva/router';

export default (props)=>else

}}>

})} }

}

2.定義路由列表物件 ————檔名為index.js
import react from 'react';

// 一級路由

import tab from '../routes/tabpage';

import detail from '../routes/detail';

// 二級路由

import rank from '../routes/rankpage';

import search from '../routes/searchpage'

import index from '../routes/indexpage';

export default ,,]

},]}

3.在全域性掛載

4.在頁面中使用

簡單粗暴的react路由

習慣了 vue router 路由的用法,再用react router總感覺挺麻煩的。那麼就自己封裝乙個吧 1.封裝多級路由的情況 檔名為routerview.jsimport react from react import from dva router export default props ...

簡單粗暴的react路由

習慣了 vue router 路由的用法,再用react router總感覺挺麻煩的。那麼就自己封裝乙個吧 1.封裝多級路由的情況 檔名為routerview.jsimport react from react import from dva router export default props ...

react路由的簡單使用

在相關元件中匯入路由 import from react router dom 2 route 表示乙個路由規則,在route上有2個比較重要的屬性 path component route等同於vue中的每乙個路由規則 import react,from react import from rea...