如何使用`react-router``Link`在当前位置添加/修改哈希？

Question

我想创建Link来修改哈希而不改变路径名，就像``一样。 E.g：

mysite.com/page --link navigate--> mysite.com/page#foo

根据the docs，我应该写：

<Link to="foo">

但这就像<a href="/#foo">;它会清除路径，然后应用哈希值。

如何使用Link修改当前网址的哈希？

（注意：我假设我可以在window.location时使用手动解析render - 并将其添加到我的<Link to=。但这听起来很愚蠢。）

Answer 1

啊，错过了部分文档说：

  

（不支持相对路径）

因此，我猜答案是这样的：

<Link to={ this.props.location.pathname + "#foo" }>

鉴于当前组件可以访问history.location。在我的例子中，我可以从父组件中传入它，所以这可行。

¯\_(ツ)_/¯

如果存在，可以打开任何更好的答案......