reactjs - HTML anchor 标记是否可以用于 Gatsby 中的内部链接？

Question

我正在开发一个网站，其中的搜索框可以在下拉列表中返回大量结果，并且每个结果都有一个指向同一网站内网页的可点击内部链接。

我最初关注了Gatsby's advice并将它们实现为 <Link>元素，.但是，在执行新搜索后不久滚动搜索结果时，这似乎会导致问题 - 滚动条自动跳回顶部 3 或 4 次，然后才稳定下来。只有在清除浏览器缓存后，这对于相同的搜索才可重复，这让我怀疑它与 Gatsby 的页面预加载有某种关系。

如果链接更改为 HTML <a>相反，问题消失了......但我担心这违背了 Gatsby 的建议并且可能还有其他我不知道的问题(到目前为止还没有看到任何东西......)

谁能建议在这种情况下是否建议对内部链接使用 anchor 标记？

Answer 1

当然，您始终可以使用标准 <a>内部路由的标记，但是，您将在 React 的范围之外( @reach/router 的范围)。在你的情况下，因为你没有创建内部导航 per se (意思是通过内部页面导航)我认为你的解决方法是最轻量级和最原生的方法，没有添加额外的依赖项，这会增加包的大小，具有可以本地处理的功能。

如您所说，<Link>组件被编译成 <a>最后用一些 React 的维生素标记，所以对我来说，这是最好的方法。