我是Next.js的新手，我想在只使用一个动态路由的情况下创建多个页面文件夹，[id]

bvpmtnay 于 2024-01-07 发布在其他

关注(0)|答案(1)|浏览(114)

my-nextjs-app/
|-- .next/
|-- node_modules/
|-- public/
|-- src/
|   |-- components/
|       |-- men/
|       |   |-- [id]/
|       |       |-- page.tsx      # Static page for specific ID within Men's category
|       |   |-- page.tsx          # Static page for Men's category
|       |-- women/
|       |   |-- [id]/
|       |       |-- page.tsx      # Static page for specific ID within Women's category
|       |   |-- page.tsx          # Static page for Women's category
|       |-- teen/
|           |-- [id]/
|               |-- page.tsx      # Static page for specific ID within Teen's category
|           |-- page.tsx          # Static page for Teen's category
|   |-- styles/
|-- .gitignore
|-- package.json
|-- README.md

字符串

- pages目录下的所有文件夹是否只能使用一个[id]？我希望men、women和teen**文件夹共享一个公共`[id]。

next.js

来源：https://stackoverflow.com/questions/77707492/im-new-to-next-js-and-i-want-to-create-multiple-page-folders-while-using-only

1条答案

按热度按时间

iih3973s1#

是的，在Next.js中，你可以在多个文件夹中共享一个公共的[id]参数。
这是一个文件结构的例子：

my-nextjs-app/
|-- .next/
|-- node_modules/
|-- public/
|-- src/
|   |-- components/
|       |-- sharedId/
|       |   |-- [id].tsx         # Shared page for specific ID
|       |-- men/
|       |   |-- [id].tsx         # Reference the shared [id] page for Men's category
|       |   |-- index.tsx        # Optional: Men's category main page
|       |-- women/
|       |   |-- [id].tsx         # Reference the shared [id] page for Women's category
|       |   |-- index.tsx        # Optional: Women's category main page
|       |-- teen/
|       |   |-- [id].tsx         # Reference the shared [id] page for Teen's category
|       |   |-- index.tsx        # Optional: Teen's category main page
|   |-- styles/
|-- .gitignore
|-- package.json
|-- README.md

字符串
在该结构中：
sharedId文件夹中的[id].tsx文件是用于处理特定ID的公共页面。在men、women和teen文件夹中，[id].tsx文件只是对sharedId文件夹中的共享[id].tsx文件的引用。如果需要，这些文件可以包含与每个类别相关的特定内容或逻辑。此外，你可以有可选的index.tsx文件在每个类别的文件夹中作为每个类别的主页，如果需要的话。
我希望这能帮助你解决你的问题：）

赞(0）回复(0）举报 2024-01-07

我来回答

我是Next.js的新手，我想在只使用一个动态路由的情况下创建多个页面文件夹，[id]

1条答案

相关问题

热门标签

最新问答