分组布局(Grouped Layouts)

把一些路由放置在目录中,以便它们可以共享layouts,因此相关的源文件在逻辑上彼此相邻分组。 但是,可能需要将 用于对类似文件进行分组和共享布局的 目录从URL中排除。 这就是“分组”布局的用武之地(也称为“无路径”布局路由)。

通过用括号括起任何目录名称,例如 (name),则目录名称本身将不会包含在 URL 路径名中。

例如,假设一个应用将所有 account 路由放在一个目录中,但是,可以从 URL 中删除 account,以获得更简洁、更短的 URL。 在下面的示例中,请注意路径位于 src/routes/(account) 目录中。但是,URL 路径不包括 (account)/

src/
└── routes/
    └── (account)/             # Notice the parentheses
        ├── layout.tsx         # Shared account layout
        └── profile/
            └── index.tsx      # https://example.com/profile
        └── settings/
            └── index.tsx      # https://example.com/settings
Made with ❤️ by