Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用react路由器将相同的状态传递给多个路由?_Reactjs_React Router - Fatal编程技术网

Reactjs 如何使用react路由器将相同的状态传递给多个路由?

Reactjs 如何使用react路由器将相同的状态传递给多个路由?,reactjs,react-router,Reactjs,React Router,我正在尝试使用react router将相同的状态传递给多个路由。这是我的路由器设置 var routes = ( <Route name="app" path="/" handler={App}> <Route name="step1" handler={Step1} /> <Route name="step2" handler={Step2} /> <Route name="step3" handler={Step3} /

我正在尝试使用
react 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>
);
var路由=(
);

我想转到我的
路线
上的哪一步。我试着使用
路径=“:step”
,但是没有正确的路由。如何修复此问题?

路由器运行的结果
返回
处理程序
状态
属性。您可以查看
状态
道具,查看您所在的路线。像这样

Router.run(..., function(Handler, state) {
    console.log(state); //see what's available here
    var step = state.getPath();
    React.render(<Handler step={step} />);
}
Router.run(…,函数(处理程序,状态){
console.log(state);//查看此处提供的内容
var step=state.getPath();
React.render();
}

基本上这里有子例程,因此在应用程序try的渲染中,每个shbroute都会将其作为道具接收