问题描述
我正在开发一个网站，其中的搜索框可以在下拉列表中返回大量结果，并且每个结果都有一个指向同一网站内网页的可点击内部链接。
我最初遵循 Gatsby's advice 并将这些实现为 <Link> 元素，.但是，在执行新搜索后不久在搜索结果中滚动时，这似乎会导致问题 - 滚动条会自行跳回顶部 3 或 4 次，然后再稳定下来。只有在清除浏览器缓存后才能对相同的搜索重复此操作，这让我怀疑这与 Gatsby 的页面预加载有某种关系。
如果将链接更改为 HTML <a> 标记，问题就会消失……但我担心这与 Gatsby 的建议背道而驰，而且可能还有其他我不知道的问题（到目前为止还没有看到任何东西...）
解决方法
当然，您始终可以使用标准的 <a> 标签进行内部路由，但是，您将超出 React 的范围（@reach/router 的范围）。在您的情况下，由于您没有创建内部导航本身（意思是通过内部页面导航），我认为您的解决方法是最轻量和最原生的方法，无需添加额外的依赖项，这会增加包的大小，具有可以本地处理的功能。
如您所说，<Link> 组件被编译成一个 <a> 标签，最后包含一些 React 的维生素，所以对我来说，这是最好的方法。