我们如何结合来自多个React组件的Relay中的突变？

Question

我是Relay的新手，我目前正在尝试使用突变。在我的用例中，我有一个由几个React组件组成的表单，我想捕获每个组件的更改/变异，将它们组合在父组件中，然后将更改提交到GraphQL服务器。我怎么能这样做？

到目前为止，我看到的所有示例都涉及在单个组件中使用和提交的突变。我想使用相同的模式来查询片段在react组件中的位置，然后将它们组合起来为服务器创建查询。

Answer 1

我在GitHub上问了同样的问题，@ yachaka和@josephsavona回答了这个问题。
这是@josephsavona的回答： -

  

......一个简单的方法是从父组件中的子组件累积所有更改（使用回调和本地状态或类似Redux），然后在用户保存/提交更改时进行单个突变。
  一种模式是使用applyUpdate乐观地应用每个单独的更改，然后在应用最终突变时回滚所有那些乐观突变。

有关完整讨论，请参阅https://github.com/facebook/relay/issues/1461#issuecomment-264662371。