Gatsby Link 和 React Router Link 有什么区别？

Question

我有一个由 2 个不同路径路由并相互链接的2 个组件的网站。当我使用 react router Route / Link 来实现这些链接时，webpack 的最终构建中只有 1 个 html 页面和 javascript 应用程序包。当我使用 Gatsby Link 时，我看到两个 html 页面都生成了，但每个页面的行为仍然像单页应用程序（即单击链接不会导致对服务器的请求以获取另一个页面，它是只是动态渲染）。

• 那么，这两种页面链接技术有什么区别呢？
• 如果 Gatsby Link 的工作方式与 react-router Link 相同，那么使用它有什么意义？
• 在同一个网站上同时使用两者有什么影响？例如。应用程序动态部分的路由器链接和静态页面（如帮助页面）的 Gatsby 链接。

注意：这是对 Gatsby 页面加载网络请求的澄清问题的延续，但涉及的领域略有不同。

Answer 1

Gatsby Link 是 react-router-dom Link 组件的必需包装器。两者的工作方式相同，但 Gatsby 的版本增加了预取并防止路由转换，直到下一页的资源完成加载。

如果你使用 React Route ，事情会以奇怪的方式打破<Link>。