Реагируйте на запрос и мутацию Apollo Typescript с помощью compose

У меня есть сложный запрос и мутация с graphql функция HOC, и я пытаюсь выяснить, как ввести мутацию и какой тип mutate Функция должна иметь. Все примеры в документации React Apollo относятся к конкретным запросам. Мой код ниже. У меня конкретно возникают проблемы с выяснением, что заменить any с в моем List определение компонентов реквизита.

type ChildQueryProps = ChildDataProps<
  GetPersonQueryInputProps,
  API.GetPersonQuery,
  API.GetPersonQueryVariables
>;

type ChildMutationProps = ChildDataProps<
  API.UpdatePersonInput,
  API.GetPersonQuery,
  API.GetPersonQueryVariables
>;

const List = ({ data: { loading, getPerson, error }, mutate }: any) => {
// do cool stuff here
};

export default compose(
  graphql<
    {}, 
    API.GetPersonQuery, 
    API.GetPersonQueryVariables, 
    ChildQueryProps
   >(gql(queries.getPerson),
     {
       options: props => ({
         variables: {
           id: props.id
         },
         fetchPolicy: 'network-only'
       })
     }
  ),
  graphql<
    API.UpdatePersonInput,
    API.UpdatePersonMutation,
    API.UpdatePersonMutationVariables,
    ChildMutationProps
  >(gql(mutations.updatePerson))
)(List);

0 ответов

Другие вопросы по тегам