使用 React Router 在页面的某个部分内导航

我的导航栏包含以下内容

+------+-------+-------+
| Home | About | Login |
+------+-------+-------+

Home is 具有多个部分的垂直滚动页面 (e.g #About和其他部分）虽然登录是单独的反应组件，它被渲染在/login route.

这是我的route.js file

<Route path="/" component={App}>
    <IndexRoute component={Home}/>
    <Route path="/login" component={Login}/>
</Route>

我的问题是我应该如何处理页面部分内的导航更改？

目前我正在这样做：

<li>
    <Link to="/#about-us">About</Link>
</li>

and About内的部分home页面是

<div id="about-us">
    About us
</div>

这种方法的问题是当我在登录页面时（/login）并单击“关于”部分链接（/#about-us）的主页没有任何反应！

Edit:我在用反应路由器V2

React Router 目前不处理哈希锚点的滚动行为。

但是，如果您使用浏览器历史记录，则在您的情况下，您可以使用<a href="#about-us">，并让浏览器来处理它。