美文网首页
React-Router: PlainRoute对象

React-Router: PlainRoute对象

作者: DogChen | 来源:发表于2017-04-09 15:00 被阅读0次

    完整代码:

    
    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')},  
    

    相关文章

      网友评论

          本文标题:React-Router: PlainRoute对象

          本文链接:https://www.haomeiwen.com/subject/sredattx.html