javascript - DefaultRouter 组件中的嵌套路由

Question

我正在玩我的网络应用程序和react-router包，我想做一些嵌套路由。这是我所做的

<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，此示例不起作用。当我将其更改为普通 Route 组件时，一切正常。我找不到 DefaultRoute 有一些孩子的例子。DefaultRoute 可以有嵌套路由吗？如果是，那么我做错了什么？

Answer 1

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

我快速浏览了 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;

我不是 100% 确定，但“孩子：PropTypes.falsy”可能意味着 DefaultRoute 不支持嵌套路由。

希望这可以帮助。