使用 Link 在 React-Router 中上一级

Jos*_*e A 6 reactjs react-router

令人惊讶的是,在 Google 和 StackOverflow 中很难找到它,我在这里问的是使用<Link>.

例如,我降落在这条路径上:/subject/add. 然后我想/subject/subject/add.

这有效:

<Link to={props.match.url.substring(0, props.match.url.lastIndexOf('/'))}>
Go up one level </Link>
Run Code Online (Sandbox Code Playgroud)

这是最好的方法吗?(注意:history.goBack如果用户通过嵌套路由作为着陆页到达,则可能会将用户从网站中踢出。

Yev*_*nko 10

如果有人仍然需要它 - 作者提供了一个解决方案:您可以使用“。” 或“链接”组件中的“..”可向上一级或两级。

<Link to=".">
Run Code Online (Sandbox Code Playgroud)

或者

history.push(".");
Run Code Online (Sandbox Code Playgroud)