小编caj*_*jie的帖子

NextJs基于API嵌套动态路由

我被 Nextjs 困住了:我需要根据我的(本地)数据创建嵌套动态路由。

以下是我想创建的路线:

  1. .../cars/ -> 显示所有类别(轿车、SUV、4x4)

  2. .../cars/category/ -> 显示类别中的汽车

    ex : .../cars/sedan -> 显示轿车类别中的汽车

  3. .../cars/category/id-> 显示 id = 1 类别的汽车详细信息

    ex : .../cars/sedan/1 -> 显示 id = 1 轿车的详细信息

对于路线 1 和 2 来说还可以,但我不知道如何做最后一条。你能帮我吗 ?

数据.js

export const cars = [
  {
    id: 1,
    name: 'sedan',
    models: [
      {
        id: 1,
        name: 'model1',
        image: '/sedan1.jpg',
      },
      {
        id: 2,
        name: 'model2',
        image: '/sedan2.jpg',
      },
      {
        id: 3,
        name: 'model3',
        image: '/sedan3.jpg',
      },
    ],
  },
  {
    id: 2,
    name: …
Run Code Online (Sandbox Code Playgroud)

routes nested-routes reactjs next.js

3
推荐指数
1
解决办法
3046
查看次数

标签 统计

nested-routes ×1

next.js ×1

reactjs ×1

routes ×1