Question

我有一个路由表，其中包含如下部分：

<Route path="/projects" component={ProjectsLayout}>
  <IndexRoute component={Projects} />
  <Route path=":id">
    <IndexRoute component={Contents} />
    <Route path="files/:fileId" component={FileViewer} />
    <Route path="folders/**/:folderId" component={Folder} />
  </Route>
</Route>

我想要做的是在导航进入ProjectsLayout之前“保存”路线，以便我可以返回到之前的组件。

我的计划是观察路径，然后返回那么多增量，即：

state = { index: 1 };  // index is one so it goes one more than the layout

componentDidMount() {
  this.props.router.listen(this.onRouteChange);
}

onClickExit = () => this.props.router.goBack(this.state.index);

但是，我找不到维护索引的有效方法

有没有办法用react-router执行此操作？

Answer 1

你有没有看过来自react-router的browserHistory？

https://github.com/ReactTraining/react-router/blob/master/docs/guides/Histories.md

我道歉，我不能评论更多，因为我非常新的反应，但记得在一些文档中看到这个

希望它有所帮助

保存“上一个”路线并导航回去

1 个答案: