反應路由器1.0：使用RouteHandler

Question

的this.props.children而不是我試圖從反應路由器0.13升級到1.0。我仔細閱讀本指南，我相信我擁有了一切設置正確，但我不斷收到此錯誤：

Uncaught TypeError: Cannot read property 'createRouteFromReactElement' of undefined 

的錯誤對應於反應路由器此功能：

function createRoutesFromReactChildren(children, parentRoute) { 
    var routes = []; 

    _react2['default'].Children.forEach(children, function (element) { 
    if (_react2['default'].isValidElement(element)) { 
     // Component classes may have a static create* method. 
     if (element.type.createRouteFromReactElement) { 
     var route = element.type.createRouteFromReactElement(element, parentRoute); 

     if (route) routes.push(route); 
     } else { 
     routes.push(createRouteFromReactElement(element)); 
     } 
    } 
    }); 

    return routes; 
} 

據推測，這意味着，路線沒有得到通過爲this.props.children是否正確？

如果有幫助，這裏是我的路線是這樣的：

var routes = (
    <Route path="/" component={AppView}> 
    <Route path="account" component={Account} /> 
    <Route path="insights" component={InsightsHome} /> 
    <Route path="insights/:slug" component={SingleInsight} /> 

    <Route path="collections" component={CollectionBox}> 
     <Route path="/:id" component={CollectionContent} /> 
     <DefaultRoute component={NoCollections} /> 
    </Route> 

    <Route path="team" component={Team} /> 

    <Redirect from="projects/:projectId/insights/?" to="insights" /> 
    <Redirect from="projects/:projectId/insights/:slug/?" to="insights-single" /> 
    <Redirect from="*" to="insights" /> 
    </Route> 
); 

這裏是我的render方法（我用的終極版）：

ReactDOM.render(
    <Provider store={store}> 
    <Router history={history}>{routes}</Router> 
    </Provider>, 
    document.getElementById('site-container') 
); 

而且這裏是有關這塊我AppView組件：

return (
     <div> 
     {this.props.children} 
     </div> 
    ) 
    }, 

Answer 1

您的問題可能源於DefaultRoute是與IndexRoute

https://github.com/rackt/react-router/blob/master/CHANGES.md#linking-to-index-routes