Javascript DefaultRouter组件中的嵌套路由

Javascript DefaultRouter组件中的嵌套路由,javascript,reactjs,react-router,Javascript,Reactjs,React Router,我正在玩我的web应用程序和软件包,我想做一些嵌套路由。这就是我所做的 <Route name="app" path="/" handler={App}> <DefaultRoute handler={AppPage}> <DefaultRoute name="home" handler={HomePage}/> <Route name="rooms" handler={RoomsPage}/> &

我正在玩我的web应用程序和软件包,我想做一些嵌套路由。这就是我所做的

<Route name="app" path="/" handler={App}>
    <DefaultRoute handler={AppPage}>
        <DefaultRoute name="home" handler={HomePage}/>
        <Route name="rooms"  handler={RoomsPage}/>
    </DefaultRoute>
    <Route name="login" handler={LoginPage}/>
    <Route name="firstime" handler={FirstTimePage}/>
</Route>


由于DefaultRoute,此示例不起作用。当我把它改为普通路由组件时,一切都正常。我找不到DefaultRoute有一些孩子的例子。DefaultRoute是否可以有嵌套路由?如果是,那么我做错了什么?

我也遇到了同样的问题,我最终使用了而不是

我快速查看了DefaultRoute组件,它似乎不支持子路由,下面是代码:

/**
 * A <DefaultRoute> component is a special kind of <Route> that
 * renders when its parent matches but none of its siblings do.
 * Only one such route may be used at any given level in the
 * route hierarchy.
 */
var DefaultRoute = React.createClass({

  displayName: 'DefaultRoute',

  mixins: [ Configuration ],

  propTypes: {
    name: PropTypes.string,
    path: PropTypes.falsy,
    children: PropTypes.falsy,
    handler: PropTypes.func.isRequired
  }

});

module.exports = DefaultRoute;
/**
*组件是一种特殊的组件
*当其父级匹配但其同级均不匹配时渲染。
*在系统中的任何给定级别,只能使用一条此类路线
*路由层次结构。
*/
var DefaultRoute=React.createClass({
displayName:“DefaultRoute”,
mixins:[配置],
道具类型:{
名称:PropTypes.string,
路径:PropTypes.falsy,
孩子们:PropTypes.falsy,
处理程序:PropTypes.func.isRequired
}
});
module.exports=DefaultRoute;
我不是100%确定,但“children:PropTypes.falsy”可能意味着DefaultRoute不支持嵌套路由


希望这有帮助。

这很奇怪,因为DefaulRoute与普通路由组件相同,路径指向父路径。