Javascript Next Js Router.replace不是一个函数
当我尝试使用Javascript Next Js Router.replace不是一个函数,javascript,reactjs,next.js,Javascript,Reactjs,Next.js,当我尝试使用Router.replace()替换时,出现以下错误: TypeError:next\u router\u WEBPACK\u IMPORTED\u MODULE\u 6\u.router.replace不是一个函数 我试过这样做: 从“下一个/路由器”导入{Router} {isAuth()&&( 注销(()=>Router.replace(`/signin`)} > 签到 )} 请提供任何建议。建议将其用作挂钩: import { useRouter } from 'next
Router.replace()
替换时,出现以下错误:
TypeError:next\u router\u WEBPACK\u IMPORTED\u MODULE\u 6\u.router.replace不是一个函数
我试过这样做:
从“下一个/路由器”导入{Router}代码>
{isAuth()&&(
注销(()=>Router.replace(`/signin`)}
>
签到
)}
请提供任何建议。建议将其用作挂钩:
import { useRouter } from 'next/router'
export default function YourComponent(props) {
const router = useRouter()
// *** //
{isAuth() && (
<NavItem>
<Link href="/signup">
<NavLink
style={{ cursor: "pointer" }}
onClick={() => signout(() => router.replace(`/signin`))}
>
SignOut
</NavLink>
</Link>
</NavItem>
)}
从“下一个/路由器”导入{useRouter}
导出默认功能组件(道具){
const router=useRouter()
// *** //
{isAuth()&&(
注销(()=>router.replace(`/signin`)}
>
签到
)}
建议将其用作挂钩:
import { useRouter } from 'next/router'
export default function YourComponent(props) {
const router = useRouter()
// *** //
{isAuth() && (
<NavItem>
<Link href="/signup">
<NavLink
style={{ cursor: "pointer" }}
onClick={() => signout(() => router.replace(`/signin`))}
>
SignOut
</NavLink>
</Link>
</NavItem>
)}
从“下一个/路由器”导入{useRouter}
导出默认功能组件(道具){
const router=useRouter()
// *** //
{isAuth()&&(
注销(()=>router.replace(`/signin`)}
>
签到
)}
Nextjs建议使用useRouter
。你可以像这样通过这个钩子访问路由器对象
从“下一个/路由器”导入{useRouter}
导出默认函数页(){
const router=useRouter()
返回(
注销(()=>router.replace('/sign'))}>signOut
)
}
Nextjs建议使用useRouter
。你可以像这样通过这个钩子访问路由器对象
从“下一个/路由器”导入{useRouter}
导出默认函数页(){
const router=useRouter()
返回(
注销(()=>router.replace('/sign'))}>signOut
)
}