Question

我有两条基本路线：

<Route name="app" path="/" handler={Home}>
    <Route name="profile" path="profile" handler={Profile}/>
</Route>

现在，我希望默认页面（mysite.com/page）只显示主页组件。

当我浏览mysite.com/page#/profile时，我希望它只显示Profile组件。

但是，这两个网址只显示“主页”组件。并且从未见过Profile组件。

关于我的配置错误的任何线索？（控制台中没有错误）

Answer 1

您是否尝试过使用Route围绕Router：

var Router = require('react-router');

var DefaultRoute = Router.DefaultRoute,
    Link = Router.Link,
    Route = Router.Route,

...然后

<Router history={history}>
    <Route component={App}>
      <Route name="app" path="/" handler={Home}>
      <Route name="profile" path="profile" handler={Profile}/>
      <DefaultRoute handler={Home}/>
    </Route>
  </Router>

点击此链接here

React路由器路由不起作用

1 个答案: