我在NextJS中有一个电子商务应用程序，我的主菜单有问题。事实上，如果我使用Next的<Link>标记，不管有没有“prefetch”参数，我仍然有预取的链接（悬停时或项目在视口中）。我的页面是用getStaticProps加载的。我想使用<Link>来保留Next和SPA的所有优点，但我认为在需要之前预取所有产品页面会破坏后端的性能。你认为我可以使用router.push来完成我的应用程序的这一部分吗？
<Link>
zzwlnbp81#
如果使用router.push而不是Link Component，您的应用将失去以下功能
对于一个理想的电子商务平台，我认为最好是利用链接组件，而不是过多地考虑您的预取问题，因为这些由nextJs内置的组件已经由Vercel团队优化。我们也应该只在链接组件不够时使用router.push。一个很好的例子是点击一个按钮，我们想触发其他前端/后端功能，然后重定向到另一个页面。
function handleClick(){ randomFunction(); anotherRandomFunction() router.push('<random_link>') }
1条答案
按热度按时间zzwlnbp81#
如果使用router.push而不是Link Component，您的应用将失去以下功能
对于一个理想的电子商务平台，我认为最好是利用链接组件，而不是过多地考虑您的预取问题，因为这些由nextJs内置的组件已经由Vercel团队优化。
我们也应该只在链接组件不够时使用router.push。一个很好的例子是点击一个按钮，我们想触发其他前端/后端功能，然后重定向到另一个页面。