Есть ли способ получить доступ к параметрам для нескольких мутаций в GraphQl с помощью @ apollo / реагировать на хуки

Question

У меня есть многочастная форма, которая регистрирует данные дважды. Я использую две мутации в своем компоненте, поэтому он выглядит примерно так:

const [register, { loading }] = useMutation(REGISTER),
      [tags, { loading }] = useMutation(TAGS);

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

Если бы это был запрос, я знаю, что мог бы сделать что-то вроде:

const register = useQuery(REGISTER),
      tags = useQuery(TAGS);

// now I have register.loading && tags.loading

Но я не нашел подобного случая с useMutation, потому что, если у меня есть что-то вроде:

const register = useMutation(REGISTER);

register({var: "something"})
  .then(res => {  });

Тогда нет обещания, и выдается ошибка.

Есть ли лучший способ для обработки этого типа экземпляра?

Answer 1

Вы можете просто переименовать переменную при деструктурировании (ссылка: https://wesbos.com/destructuring-renaming/)

, поэтому ваш код будет выглядеть так:

const [register, { loading: registerLoading }] = useMutation(REGISTER),
const [tags, { loading: tagsLoading }] = useMutation(TAGS);