如何在 typescript-react 中为 ...rest 指定类型？

【问题标题】：How can specify type for ...rest in typescript-react?如何在 typescript-react 中为 ...rest 指定类型？
【发布时间】：2021-01-11 18:29:30
【问题描述】：

const { data, error, ...rest } = useSWR(
    id ? `/api/v1/blogs/${id}` : null,
    fetcher
  );

如何指定...rest 的类型？

   const {data,error,...rest} : {data:any,error:Error,"I dont know what to place for ...rest"}

【问题讨论】：

【解决方案1】：

如果useSWR 的返回值已经是已知类型，则不需要这样做，TypeScript 会知道...rest 中的内容。如果没有，您可以指定其他元素的类型。

interface Foo {
    a: number
    b: string
    c: boolean
}

const { a, ...rest }: Foo = { a: 1, b: '2', c: false }

如果这对您不起作用（如果您没有用于 useSWR 的类型并且不想写出返回对象中的其他字段），您可以将其称为 Object 或 {}，然后之后投射data 和error。

【讨论】：