Question

我定义了这两条路线：

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

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

在 registerpromotion 路由的情况下，我传入一个属性，在寄存器路由的情况下，我没有。

我无法使其工作 - promotionCode属性始终未定义。

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

非常感谢！

Answer 1

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

/** @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);

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

1 个答案: