在反应组件中划分锚标记

Question

道歉，如果这个问题充斥在互联网上，但对我没有任何帮助。

我认为您需要做的就是在与您要去的div匹配的网址末尾添加# + div id。

我希望当我到达某个特定网址时，视图端口会转到该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

通常情况下你是对的，但请记住，如果你的反应应用程序不使用服务器端渲染，那么你向用户提供的只是一个空白页面，稍后会有反应呈现dom。问题是，当浏览器最初加载页面并搜索具有id的元素时，文档可能为空。