在使用基于React的DVA框架開發(fā)時训唱,遇到了不少的路由跳轉(zhuǎn)問題,這里做一個小總結(jié)抄瓦。
頁面的跳轉(zhuǎn)一般使用routerRedux.push 就可以了截型,當(dāng)然前面要先引入 import {routerRedux, Switch, Route} from ?'dva/router';
用法也是比較簡單的讼载,如下:
dispatch(routerRedux.push({
????????pathname: url,
????????search: JSON.stringify(searchParams)
}))
路由的配置,這里我使用了<Switch> 和<Route/> 搭配使用轿秧;
<Switch>標(biāo)簽里面只能有一個<Route/>可以輸出
<Switch>
? ? path='路徑'
exact
? ? children={() => (
//這里放頁面Div?
? ? )}
/>
<Route
?path=‘路徑’
component={getComponent(window.dvaApp, ['evaluateStandard/addGroup'],
? ? ? require('routes/evaluateStandard/AddGroup'))} ?//這里使用了我使用封裝的一個方法,來匹配Modal層咨堤,也可以直接使用require
/>
</Switch>
這里要注意exact 這個屬性菇篡,很多新手朋友會卡在這里,這個屬性表示完全匹配一喘,也就是路徑嚴(yán)格匹配逸贾,通過才會請求下面的頁面,一般上一級的頁面使用這個屬性,往下一級就不用使用這個屬性了铝侵;
PS:剛開始寫文章灼伤,不足之處請大家指出來,謝謝