useParams

useParams

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

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

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

假设像 routes/posts/$postId.tsx 这样的路由与 /posts/123 匹配，那么 params.postId 将是 "123"。splat routes 的参数可用作 params["*"]。