Typescript 的 searchParams 属性是什么类型？

Question

我是打字稿和我的代码的新手：

type searchParamsProps = {
  manufacturer: string,
  model: string,
  year: number,
  fuel: string,
  limit: number,
}

export default async function Home({ searchParams }: searchParamsProps) {
  const allCars = await fetchCars({
    manufacturer: searchParams.manufacturer || "",
    model: searchParams.model || "",
    year: searchParams.year || 2022,
    fuel: searchParams.fuel || "",
    limit: searchParams.limit || 10,
  });

searchParams

的typeof是什么？我尝试用

string

、

number

或

union

来描述类型，但如何正确键入？

VSCode Intellisense 说：

Property 'searchParams' does not exist on type 'searchParamsProps'.ts(2339)

(parameter) searchParams: any

Answer 1

{ ... } = foo

是一个解构操作。当您执行

{ searchParams }: searchParamsProps

时，这意味着您想要从

searchParams

中提取名为

searchParamsProps

的成员。但是，

searchParamsProps

没有名为

searchParams

的成员，因此它没有类型，因为它甚至不存在。