首页 > 其他分享 >import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用

import { useRouter } from 'next/router'; 在非hooks 文件或组件中使用

时间:2023-10-19 10:24:13浏览次数:24  
标签:hooks next router import useRouter Router

将 import { useRouter } from 'next/router'; 改为 import Router from "next/router";
使用: Router.push('/'); 原来使用 import { useRouter } from 'next/router'; 会导致报错如下

 

 

标签:hooks,next,router,import,useRouter,Router
From: https://www.cnblogs.com/tlfe/p/17774094.html

相关文章

  • Go 布道者框架beego的Router 功能详解
    Beego是一个用于构建Web应用程序和后端服务的Go语言框架。它提供了一整套功能,包括路由、模型、视图、会话管理等。0go框架beego现在被淘汰了吗?2016年提出的这个问题,由于当时自己刚入门学习go,就想找一个快速入门的框架学习使用,所以提出了这个很无脑的问题,在此,也向框架作者表......
  • vue进行跳转之后出现Cannot read properties of undefined (reading 'router') TypeEr
    问题描述使用router进行页面跳转时,就出现了这样的问题:也就是这里出现了问题:问题解决本来是按照网上的教程:const_this=this;但是,但是,我本来就是用的这种方法呀~然后就打算直接在这个界面引用:importrouterfrom'@/router'router.push('/one');里面引用的跳转页面......
  • ahooks 源码实现
    ahooks库源码实现state模块useSetState功能点:1.实现类似class组件中setState功能,只更新传入的值,其他值不用更新;2.且可以穿入第二个回调函数参数同步获取更新后的最新state用于操作。import{useState}from'react';exportconstuseSetState=(init={})=>{c......
  • docker 搭建nextcloud。实现个人网盘nextcloud
    想要docker启用高可用的Nextcloud网站,我们需要安装一下docker-compose安装docker-composewgethttps://github.com/docker/compose/releases/download/v2.5.0/docker-compose-linux-x86_64-O/usr/local/bin/docker-compose下载完成,添加运行权限chmod+x/usr/local/bin/dock......
  • SQL常用函数-next_day()
    简述在Hive中,next_day()函数用于查找给定日期之后的下一个特定星期几的日期。它接受两个参数:日期和星期几的名称。基本语法next_day(date,day_of_week)返回值参数说明date:要查找下一个星期几的日期。day_of_week:要查找的星期几的名称,可以是英文或缩写,如'Monday'、'Tue'、'Wedn......
  • python3的模块FastAPI,APIRouter
    FastAPI将依赖项的值从include_router传递给路由FastAPI依赖项和include_router在FastAPI中,依赖项是一种重要的机制,用于处理从请求到响应的整个过程中所需的各种依赖关系,例如数据库连接、身份验证等。依赖项可以被注入到请求处理函数中,并在执行时提供所需的值。在FastAPI中,我......
  • abp vnext 强制全站使用中文
    //可以生效app.UseAbpRequestLocalization(options=>{options.SetDefaultCulture("zh-hans");options.RequestCultureProviders.Clear();//不允许用户自行更改语言//options.RequestCultureProviders.RemoveAll(provider=>prov......
  • Abp vNext : ApplicationService 复杂查询
    在Abp的ApplicationService中进行复杂查询示例:publicvirtualasyncTask<PagedResultDto<RawMaterialOutwarehouseRecordWithDetialsDto>>GetRawMaterialOutwarehouseRecordListAsync(GetRawMaterialOutwarehouseRecodsInputinput){var......
  • react hooks定时器,值增1
    使用函数式更新的方法实现定时器的代码:importReact,{useState,useEffect}from'react';functionApp(){const[count,setCount]=useState(0);useEffect(()=>{consttimer=setInterval(()=>{//使用函数式更新,接收先前的state,并返回一个更......
  • Abp Vnext
    AbpVnext-7.4扩展User表OpenIddictCli创建项目命令Quartz后台定时任务......