8、Remix开发：动态路由、布局共享与导航优化

Remix开发：动态路由、布局共享与导航优化

1. 使用路由参数实现动态路由

URL 常常包含参数，如标识符，用于指定相关资源，这能让应用为请求获取正确的数据。下面介绍如何在 Remix 中处理 URL 参数。

1.1 参数化路由段

在 Remix 里，URL 的动态部分被称为参数化段，使用 $ 符号声明路由参数，可将 URL 段转换为能访问并用于获取数据的参数。

以 BeeRich 应用的费用详情路由为例：
1. 将 dashboard.expenses.1.tsx 重命名为 dashboard.expenses.$id.tsx ， $ 符号是 Remix 路由约定的一部分，用于声明动态路由段的参数。
2. 更新文件内代码，添加模拟数据：

const data = [
  {
    id: 1,
    title: 'Food',
    amount: 100,
  },
  {
    id: 2,
    title: 'Transport',
    amount: 100,
  },
  {
    id: 3,
    title: 'Entertainment',
    amount: 100,
  },
];

目前模拟数据作为数据源，后续会添加真实数据库。
3. 添加加载器函数：