如何使用 Next/navigation 中的 Nextjs 路由器在新选项卡中通过“router.push”打开链接

Question

我正在开发一个 Nextjs 应用程序，希望使用 router.push 将用户定向到另一个链接，但我不知道如何在新选项卡中打开该链接。请指教。谢谢你。

我的代码现在是这样的：

import { useRouter } from "next/navigation";

const router = useRouter();

 <Button
          onClick={() => {
            router.push(`${mylink}`);
          }}
        >
          Order
</Button>

Answer 1

我解决了这个问题，我必须使用下面的代码并使其适用于外部链接。

最适合内部链接：

import { useRouter } from "next/navigation";

const router = useRouter();

<Button
  onClick={() => {
    router.push(`${mylink}`);
     }}>
      Order
</Button>

但是对于外部链接，最好使用 window.open()，如下面的代码。

<Button
  onClick={() => {
    window.open({mylink});
     }}>
      Order
</Button>