Next.js 重新加载链接

Question

是否可以从下一个/链接单击链接组件重新加载？ 我试图将我自己的 function 放在子 div 上，链接上说点击时重新加载。 但是它在路线改变之前重新加载并且不再改变路线。

const router = useRoute();

const hanldeRefresh = () => {
   router.reload();
} 


<Link href={title.slug}>
   <button onClick={handleRefresh} class="button">{title.buttonText}</div>
</Link>

Answer 1

您可以像这样使用路由器，而不是使用 Link

 const router = useRoute(); const handleClick = async (title) => { // Wait for route change before do anything await router.push(title); // Reload after routing router.reload(); } //<Link href={title.slug}> <button onClick={() => handleClick(title.slug)} class="button"> {title.buttonText} </button> //</Link>