如何将Apollo客户端中的突变链接在一起

Question

我在状态中存储了一堆信息，我需要使用变异将其传递到我的graphQL服务器，但是在调用下一个变异之前，我需要使用每个变异的结果，因为我需要：

• 在数据库中创建一个新对象
• 使用为该对象生成的ID创建另一个对象
• 修改原始对象以存储第二个对象生成的ID

我注意到apollo
Mutation组件具有onCompleted回调，但是我不知道如何使用此回调来触发另一个突变，或者这是否是解决我的问题的正确方法。我还研究了批量处理突变以一次全部发送出去，但似乎也不是解决方案。任何帮助，将不胜感激

Answer 1

正如您已经提到的，解决该问题的唯一方法是批量处理所有突变，查看相关问题！

实际上，编写它们并不坏，您可以执行以下操作：

const handleClick = async (mutation1Fn, mutation2Fn, mutation3Fn) => {
  const data1 = await mutation1Fn()
  const data2 = await mutation2Fn()
  const data3 = await mutation3Fn()
}

const Mutations = () => (
  <Composer
    components={[
      <Mutation mutation={mutation1} />,
      <Mutation mutation={mutation2} />,
      <Mutation mutation={mutation3} />
    ]}
  >
    {([mutation1Fn, mutation2Fn, mutation3Fn]) => (
      <button
        onClick={() => handleClick(mutation1Fn, mutation2Fn, mutation3Fn)}
      >
        exec!
      </button>
    )}
  </Composer>
)

让我知道您是否正在努力工作！