reactjs - 我可以为两条路线使用相同的路线处理程序吗

Question

我定义了这两条路线：

<Route name='register' handler={Register} >
    <Route name='registerpromotion' path='/registerpromotion/:promotionCode' handler={Register}/>
</Route>

因此，两条路由都使用同一个名为 Register 的处理程序。

在registerpromotion路由的情况下，我传递了一个属性，而在register路由的情况下，我没有。

我无法让它工作-promotionCode 属性始终未定义。

有谁知道您是否可以对两条路线使用相同的处理程序？

非常感谢！

Answer 1

此代码来自rpflorence 的react-router issue #410：

/** @jsx React.DOM */
var React = require('react');
var Router = require('react-router');
var Route = Router.Route;
var Routes = Router.Routes;
var Link = Router.Link;

var Foo = React.createClass({  
  render: function() { 
    return (
      <div>
        <p>hello</p>
        <p>stuffId: {this.props.params.stuffId}</p>
        <ul>
          <li><Link to="root">top</Link></li>
          <li><Link to="stuff" params={{stuffId: 'one'}}>one</Link></li>
          <li><Link to="stuff" params={{stuffId: 'two'}}>two</Link></li>
        </ul>
        <this.props.activeRouteHandler />
      </div>
    );
  }
});

var routes = (
  <Routes>
    <Route name="root" path="/" handler={Foo}>
      <Route name="stuff" path=":stuffId" handler={Foo}/>
    </Route>
  </Routes>
);

React.renderComponent(routes, document.body);