一个路由的多个 RouteHandler

Question

我需要根据路线显示多个导航项。 例如

var routes = (
 <Route path="/" handler={Wrapper}>
  <Route handler={NavItemMenu} />
  <Route handler={NavItemSave}/>
 </Route>
);

然后像这样使用它

var Nav = React.createClass({
 render: function() {
    return (
        <div className="p-nav-left">
         <ul className="p-navbar-nav">
          <RouteHandler/>   
         </ul>
        </div>
      );
    }
   });

我希望它同时显示“NavItemMenu”和“NavItemSave”。

同样，我想为不同的路径显示不同的项目。 我该怎么做呢？对于单个路由，如何创建 Multiple Handler？

Answer 1

这不是嵌套的情况，而是基于某些东西的值的替代路由——也许是传递给Wrapper 的道具？我不得不在这里猜测一下，但也许这就是你想要的？

let Wrapper = React.createClass({
    // bunch of code omitted
    render() {
        let contents = null;
    if (this.props.some_value === "x") {
        contents = <NavItemMenu />
    } else {
        contents = <NavItemSave />
    }
    return contents;
    }
});