Next.js Nextjs-链接到'/'；不提神 //从“下一个/Link”导入链接； 家

指向

/

的链接将刷新页面。当用户导航到主页时，我能做些什么来阻止页面刷新吗？

说明：在网站上的页面之间链接时，使用HTML标记。在nextjs中，使用Next/Link中的Link组件包装标签。它允许您对应用程序中的不同页面进行客户端导航

照办

// import Link from "next/link";

<Link href="/">Home</Link>

家

另一种选择是使用

next/router

并使用

onClick

事件

<Link href="/">
  <a>
    Home
  </a>
</Link>

从“下一个/路由器”导入路由器；
路由器。推送（“/”}“>
家

import Router from "next/router";

<a onClick={() => Router.push("/")}">
  Home
</a>