有没有一种很好的方法链接到React.js中的命名锚点？

Question

我在React.js单页面应用程序（SPA）的“页面”上有一个目录。内容列表中的每个项目都是指向另一页面上的部分的链接。

e.g。

<ul>
    <li><a href='/newpage#atarget'>A Target</a></li>
    <li><a href='/newpage#btarget'>B Target</a></li>
    ...
</ul>

将链接到包含

之类的新页面

<a name='atarget' />
<h2>A Target</h2>
    ...

<a name='btarget' />
<h2>bTarget</h2>
    ...

我发现，即使手动浏览到/ newpage / atarget，我也不会找到正确的位置。我认为这是因为React.js在加载后呈现页面。

我想要的是

1. react-router能够使用目录上的链接来避免重新提取
2. 通过链接或手动键入URL栏
，使命名目标起作用

我目前的解决方案是查看每个页面加载的哈希位置并滚动到第2项的位置。这看起来很笨重，我希望你有更好的方法。我没有第1项的解决方案。