Типы для возвращаемых значений из клиента Apollo

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