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>>;