首頁猿問問一下動(dòng)態(tài)路由的問題

問一下動(dòng)態(tài)路由的問題

React.JS

And_I 2017-04-24 12:03:48

小白想請(qǐng)教下，之前我的路由是寫在一個(gè)root文件中的現(xiàn)在想要拆開成這樣但是一直有問題，比如跳轉(zhuǎn)了地址不報(bào)錯(cuò)但是頁面也不出來而且寫成export default拋出來的話該怎么寫呢小白真心不懂

查看完整描述

3 回答

已采納

feno

TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超0個(gè)贊

var?a?=?{
path:?'404',
getComponent(nextState,?cb)?{}
};
export?default?a;

反對(duì) 回復(fù) 2017-04-24

And_I
那我這邊該怎么寫我在IndexLogin文件 const login = { path: 'login', getComponent(nextState, cb) { require.ensure([], (require) => { cb(null, require('./IndexLogin').default) }) }, }; export default login; 在root文件 childRoutes:[ require('./components/index/IndexLogin'), require('./components/index/IndexRegister') ] 然后通過link to=/login去訪問報(bào) [react-router] Location "/login" did not match any routes 是要怎么改呢

回復(fù) 2017-04-24
feno
const login = { path: 'login' 改為 const login = { path: '/login' 你這樣將文件拆分開來，路由地址是不會(huì)自動(dòng)添加目錄路徑的，所以你還是需要手動(dòng)維護(hù)每個(gè)自路由的path 還有就是如果你的文件中只是導(dǎo)出一個(gè)對(duì)象的話，也可以用一下方式： export default {a: 1, b: 2};

回復(fù) 2017-04-25