與重定向反應路由器

Question

我有以下航線配置：

const route = { 
    path: 'services', 

    getComponent(nextState, callback) { 
     require.ensure([], (require) => { 
      callback(null, require('./components/services').default) 
     }) 
    }, 
    //getIndexRoute(partialNextState, callback) { 
    // require.ensure([], (require) => { 
    //  callback(null, {component: require('./components/consulting').default}) 
    // }) 
    //}, 
    childRoutes: [ 
     { 
      path: 'consulting', 
      getComponent(nextState, callback) { 
       require.ensure([], (require) => { 
        callback(null, require('./components/consulting').default) 
       }) 
      } 
     } 
    ], 
    indexRedirect: { 
     //from: 'services', 
     to: 'consulting' 
    } 
} 

export default route 

但是，當我去/services我收到錯誤：

TypeError: element is null

當我使用的getIndexRoute它工作得很好，但現在我希望重定向到/services/consulting。考慮到我知道這不是組件，這個錯誤是什麼？

Answer 1

IndexRedirect不適用於對象表示法，就像jsx組件。如果您想重現它的行爲，您應該使用onEnter掛鉤進行重定向。更多細節描述here。

所以，你應該改變：

indexRedirect: { 
    //from: 'services', 
    to: 'consulting' 
} 

到：

indexRoute: { 
    onEnter: (nextState, replace) => replace('/consulting') 
}