javascript - 如何为两个动态路由创建一个页面?

标签 javascript reactjs next.js routes

我使用最新版本的 nextjs 和应用程序路由器,但我对路由组织有点困惑。

我需要这样的路由,但不知道该怎么做

catalog/[category]/[id] ===> id.jsx
catalog/[category] ===> catalog.jsx
catalog ===> catalog.jsx

最佳答案

文件夹结构如下:

catalog
  - page.tsx (=> <Catalog/>)
  - [category]
    - page.tsx (=> <Catalog/>)
    - [id]
      - page.tsx

关于javascript - 如何为两个动态路由创建一个页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/77789868/

相关文章:

reactjs - React Material-Table onSelectionChange 将数据传递给 Hook 状态

reactjs - Material UI BottomNavigation 默认情况下不具有粘性

javascript - onSubmit onClick 的 nextjs 事件处理程序不起作用

javascript - NextJS 动态列表在删除/更新时不更新

javascript - 剪辑路径适用于 Chrome 和 Safari,但不适用于 Firefox

javascript - 如何在 jQuery 中触发更改事件

javascript - 不将所有依赖项包含在 useEffect 依赖项数组中是不是一种反模式?

reactjs - 如何访问 _app.js 文件中的 .env 变量

JavaScript 验证无法正确执行

javascript - 如果我链接外部 javascript,它会在 dom 完全加载后运行吗?