反应组件中的div锚标记

Question

如果这个问题在互联网上泛滥成灾，但对我没有任何帮助，我们深表歉意。

我认为您需要做的就是在与您要访问的 div 匹配的 url 末尾添加 # + div id。

我希望当我到达一个特定的 url 时，视图端口会转到那个 div。例如：

www.foo.com/bar#5

带我去：

<div id="1"></div>
<div id="2"></div>
<div id="3"></div>
<div id="4"></div>
<div id="5">
 <!-- You have found me! -->
</div>

我对这部分html没有太多经验，想知道JavaScript is involved？

在我使用 Dreamweaver 并添加锚标记的日子里，只需单击一个按钮，因此从不知道它背后的实际工作。

我的前端是 React；使用 Rails 5。

我的反应布局：

Answer 1

通常您是正确的，但请记住，如果您的 react 应用程序不使用服务器端渲染，那么您向用户提供的只是一个空白页面，react 稍后会在其中渲染 dom。这样做的问题是，当浏览器最初加载页面并搜索具有 id 的元素时，文档可能为空。