使用 Link 在 React-Router 中上一级答案

【问题标题】：Go up one level in React-Router using Link使用 Link 在 React-Router 中上一级
【发布时间】：2019-09-15 09:51:45
【问题描述】：

令人惊讶的是，在 Google 和 StackOverflow 中很难找到它，我在这里问的是使用 <Link> 在 React Router 中提升一级最有效的方法是什么？

例如，我登陆这条路径：/subject/add。那我想从/subject/add去/subject。

这行得通：

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

这是最好的方法吗？（注意：history.goBack 可能会将用户从网站中踢出，如果他以嵌套路线作为其着陆页。

【问题讨论】：

我认为你可以使用 push('/subject') 方法来实现。
如果你想拥有完全相同的<Link>，无论它在哪里都能“提升一个级别”，那么我认为你的方法很好。
抱歉这个愚蠢的问题，但您在 Link 组件中所指的“道具”是什么？因为我收到“未定义”错误。
@Shayande Props 将是来自组件道具的 RouteComponentProps。如果是 React-Router，请查看：stackoverflow.com/questions/51523211/…

【解决方案1】：

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

<Link to=".">

或

history.push(".");

【讨论】：