繁体   English   中英

组件中的Div锚标签

[英]Div anchor tag in a react component

抱歉,如果这个问题在互联网上泛滥成灾,但对我没有任何帮助。

我以为您需要做的就是在与您要转到的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

过去,我曾经使用Dreamweaver并添加了一个锚标记,只需单击一下按钮,就永远不知道其背后的实际工作。

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

我的反应布局:

在此处输入图片说明

通常,您是正确的,但请记住,如果您的React应用程序不使用服务器端渲染,则您交付给用户的所有内容都是空白页,稍后React在其中渲染dom。 问题是,当浏览器最初加载页面并搜索具有id的元素时,文档可能为空。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM