当我从‘下一步/导航?’导入useRouter时,我收到以下错误:

类型‘AppRouterInstance’上不存在属性‘Query’.

import { useRouter } from 'next/navigation';

const {
    query: { id },
 back
} = useRouter();

如果我使用旧的‘下一步/路由’,在浏览器中是I get this error.我怎么才能解决这个问题呢?

推荐答案

这是因为‘Query’对象已从useRouter钩子中删除.所以现在,您必须使用‘useSearchParams()’.查看新文档here

Reactjs相关问答推荐

全局上下文挂钩-替代不起作用

REACTION 18功能组件正在开发中的S

无法在主组件的返回语句中呈现预期组件

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

找不到名称setCometChat

强制 useEffect 仅运行一次

如何解决使用react-hook-form和yup动态创建的输入不集中的问题

显示我是否加入聊天应用程序时出现问题

从ReactDataGridtry 将数据传递给父组件

如何修改 react/jsx-no-useless-fragment 规则以允许 <>{children}

下一个js如何从另一个组件更新组件?

部署到github pages时请求路径错误

React 测试库 - 如何断言异步函数之间的中间状态?

作为单个变量的 React 组件是否比 memoized 组件渲染得更快?

如何使用 React Hook Form 将寄存器作为 props 发送到子组件来收集数据?

如何通过 id 从 useSprings 数组中删除元素

React CSSTransition 两次创建新页面并在这两个相同的页面上运行转换

react-markdown 不渲染 Markdown

react 路由路由加载器不适用于嵌套组件

Cypress 中的 process.env 空对象