react-router Nextjs 中的導航組件

Question

在 Nextjs 中，我如何才能獲得與 react-router 的Navigate組件類似的結果？ 有一個 next/Router 選項，但我想返回一些東西來導航。

我想重定向頁面，但不想使用router.push因為我必須使用useEffect但我只想知道是否有辦法使用返回組件來做完全相同的事情

基本上，在沒有 react-router 的 Nextjs 中，這相當於什么

import { Navigate } from "react-router";

const Page = () => {
  const { user } = useAuth();

  if (user?.role.name === "user") {
    return <Navigate to={"/app"} />;
  } else {
    return <Navigate to={"/app/workspaces"} />;
  }
}

export default Page

Answer 1

如果你不想推送，你可以使用 router.replace 但它有一個缺陷，它會覆蓋當前路由

router.replace(url, as, options)

Answer 2

https://nextjs.org/docs/api-reference/next/router

router.push(url, as, options)

你是這個意思嗎？