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

Question

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"}

Answer 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。