Как использовать две клиентские операции apollo в одном компоненте

Question

Я использую клиент apollo v2.6 и использую @ apollo / реагировать на хуки для взаимодействия с моими запросами и мутациями graphql. Проблема, которую я получаю, состоит в том, чтобы сделать более одной операции apollo в одном компоненте. я могу выполнять запросы и мутации, но извлекая данные, где проблема заключается в том, что из кода ниже

[getEvents, { data }] = useQuery(GET_EVENTS),
    [createEvent, { data }] = useMutation(CREATE_EVENT)

вы замечаете, что для получения данных от операций мне нужно использовать свойство data, ноя получаю ошибку

Ошибка синтаксического анализа: идентификатор 'data' уже объявлен

, поэтому есть ли другой способ получить данные из операций, не используя данные дважды Спасибозаранее

Answer 1

Вы можете переименовать данные в строке, например, так:

const[getEvents, { data: eventsData }] = useQuery(GET_EVENTS),
const[createEvent, { data: createdData }] = useMutation(CREATE_EVENT)

Или просто использовать вызовы без деструктуризации:

const [getEvents, eventsData] = useQuery(GET_EVENTS),
const [createEvent, createdData] = useMutation(CREATE_EVENT)
// access:
eventsData.data
createdData.data