8、深入探索Remix路由：动态路由、布局共享与导航优化

深入探索Remix路由：动态路由、布局共享与导航优化

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

URL 常常包含参数，如标识符，用于指定相关资源，这能让应用为请求获取正确的数据。在 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. 添加加载器函数 ：