reactjs - Apollo 客户端返回值的类型

Question

这是一个标准查询react-apollo：

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

如果我想要 pass或子组件，有什么方法可以访问那些 from 的类型loading吗？dataerrorreact-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;
}