Gatsby在构建时用Link组件替换常规锚标记



我们已经创建了我们的设计系统,在组件中有一些常规的锚标记。现在的问题是,在盖茨比中使用这些组件时,由于常规锚标记,整个页面在导航到新页面时被重新加载。我知道盖茨比有一个Link组件,但我们不能在我们的库中实现它,所以有什么方法来克服这个问题吗?

经过几个小时的互联网搜索,最后,我找到了上述问题的解决方案,我尝试了gatsby-plugin-catch-links这个插件内部使用event.preventDefault()的锚标记来防止页面重新加载&检测点击事件&应用它来导航编程使用盖茨比的navigate()钩,所以最后它解决了我的问题。

最新更新