完整代碼:
export const createRoutes = (store) => ({
path : '/',
component : CoreLayout,
indexRoute : {onEnter: (nextState, replace) => replace('/cat')},
childRoutes : [
CatRoute(store),
DogRoute(store)
]
})
export default createRoutes
解釋是如下:
path作為路徑名稱上遥,由于這里是根route近速,所以只用'/'作為名字低缩。
component:這個router要渲染的component。
indexRoute稍后解釋
childRoutes: 相當于正常<Router>下的<Route>
在PlainRoute中涩禀,indexRoute代表了path對應的默認頁面料滥,通常他的值只是一個簡單的component,例如:
indexRoute : Home,
在這里“Home”是被引入的一個component艾船。
然而在某些時候我們希望當用戶訪問根頁面的時候自動將他們redirect到其他的頁面葵腹,例如用戶訪問"www.pet.com"時,你希望直接讓他們看到"www.pet.com/cat"這個頁面,這時你需要對indexRoute的值做出如下修改:
indexRoute : {onEnter: (nextState, replace) => replace('/cat')},