Nextjs中的react-router导航组件

jhkqcmku  于 2023-01-25  发布在  React
关注(0)|答案(2)|浏览(198)

我怎样才能达到类似的结果,就像在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
lqfhib0f

lqfhib0f1#

你可以使用router.replace如果你不想推但它会有一个缺陷,它会覆盖当前路由

router.replace(url, as, options)
vs3odd8k

vs3odd8k2#

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

router.push(url, as, options)

你是这个意思吗?

相关问题