Skip to content

useParams

useParams 是一个 React-router 的钩子函数,用于获取路由参数。

使用

返回当前 URL 中匹配的参数。

tsx
import { useParams } from "react-router"
function SomeComponent() {
  let params = useParams()
  //params.id
  return <div>{JSON.stringify(params)}</div>
}

假设路由为 /posts/:id,那么 params 的值为:

ts
{
  id: '123'
}

类型

ts
function useParams<ParamsOrKey extends string | Record<string, string | undefined> = string>(): Readonly<[
    ParamsOrKey
] extends [string] ? Params$1<ParamsOrKey> : Partial<ParamsOrKey>>;

Released under the MIT License.