reactjs - 如何使用 react-router 将相同的状态传递给多个路由？

Question

我正在尝试将相同的状态传递给多个Routesusing react-router。这是我的router设置。

var routes = (
  <Route name="app" path="/" handler={App}>
    <Route name="step1" handler={Step1} />
    <Route name="step2" handler={Step2} />
    <Route name="step3" handler={Step3} />
  </Route>
);

我想告诉我我route在哪一步。我尝试使用path=":step"，但后来我没有正确路由。我该如何解决？

Answer 1

router.run返回的结果Handler和一个state道具。您可以查看state道具以检查您所在的路线。像这样...

Router.run(..., function(Handler, state) {
    console.log(state); //see what's available here
    var step = state.getPath();
    React.render(<Handler step={step} />);
}

路由器运行 - 状态