来自 Apollo 客户端的 return 值的类型

Question

这是使用 react-apollo:

进行的标准查询

const { loading, data, error } = useQuery<RocketInventoryData, RocketInventoryVars>(
  GET_ROCKET_INVENTORY,
  { variables: { year: 2019 } }
);

如果我想将 loading、data 或 error 传递给子组件，有什么方法可以访问来自 react-apollo 的类型吗？

Answer 1

您已经为 data 提供了类型，而 loading 只是一个布尔值。您可以在编辑器中查看挂钩的类型定义，以确定您可能需要的其他类型。

export declare function useQuery<TData = any, TVariables = OperationVariables>(query: DocumentNode, options?: QueryHookOptions<TData, TVariables>): QueryResult<TData, TVariables>;

export interface QueryResult<TData = any, TVariables = OperationVariables>
  extends ObservableQueryFields<TData, TVariables> {
  client: ApolloClient<any>;
  data: TData | undefined;
  error?: ApolloError;
  loading: boolean;
  networkStatus: NetworkStatus;
}

来自 Apollo 客户端的 return 值的类型

Types for return values from Apollo client

reactjs

typescript

graphql

react-apollo

react-apollo-hooks