代码之家 › 专栏 › 技术社区 › Atanas Bobev

下一个js动态路由问题〔重复〕

next.js routes javascript

Atanas Bobev · 技术社区 · 2 年前

我目前正在学习下一步,我对如何实现动态路由感到困惑。以下是我正在做的事情:

"use client"
import React from "react";
import { useRouter } from "next/router";

const ID = () => {
  const router = useRouter();

  return <div>{router.query.id}</div>;
};

export default ID;

一些 resources 声明动态路由名称[]应在文件夹的名称中。其他人,比如文档,声称它应该是文件。如何使动态路由在Next.js中工作?

2 回复 | 直到 2 年前

kalubuikem 2 年前

对于nextjs中的动态路由,父文件夹位于括号中,而文件夹中有一个page.tsx。当您使用nextjs 13时。以前版本的Nextjs动态路由可以与您的路由一起处理。

解决方案: check/[id]/page.tsx .,父文件夹位于括号中,而文件夹中有页面

Arman Idrisi 2 年前

在支票文件夹中再创建一个文件夹 [id] 然后在文件夹中创建page.tsx,并添加以下代码:

"use client"
import React from "react";
import { useRouter } from "next/router";

const ID = ({params}) => {
  const {id} = params;

  return <div{id}</div>;
};

export default ID;

推荐文章

lara · Laravel我的排序过滤器不工作,但我没有错误或消息

1 年前