useParams

返回当前 URL 中由路由匹配的动态参数的键值对对象。子路由继承其父路由的所有参数。

import { useParams } from "@remix-run/react";

function SomeComponent() {
  const params = useParams();
  // ...
}

假设一个像 routes/posts/$postId.tsx 这样的路由被 /posts/123 匹配，那么 params.postId 将为 "123"。对于 splat 路由 的参数，可以通过 params["*"] 获取。