有没有办法使用 @apollo/react-hooks 访问多个 graphql 突变的选项

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