router.query 在下一个 js 中返回一个空对象

Posted 2023-03-30

【中文标题】router.query 在下一个 js 中返回一个空对象

【英文标题】：router.query returning an empty object in next js

【发布时间】：2022-01-08 20:55:35

【问题描述】：

我的文件夹结构：

也是我的代码：

const router = useRouter();
const  id  = router.query;

所以问题是 id 返回 并且没有返回 URL 中的 id。当我把它放在 jsx 中时它工作正常，但当我把它放在 js 中时它就不行了

【问题讨论】：

你确定你使用import useRouter from "next/router";，我想我会被困在这里面。

【参考方案1】：

您应该将文件夹命名为“duc”或“product”或......并且文件夹名称中的 js 应该 [id].js 用于动态路由，而不是 index.js

Dynamic Routes