多次调用graphql突变后保持多个加载状态

Question

我在我的应用程序中使用 react 和 react apollo 并且有一个问题。 我有一个包含用户列表的页面。 每个项目都包含“+”按钮。 当我单击项目时，我想显示微调器，直到突变完成。

你能建议我更好的解决方案来保持每个突变调用的loading吗？ 现在我只是将它存储到数组中，但我认为它可以更好地解决

Answer 1

您需要存储一个loading过程和相应的user项之间的关系。

我建议（不知道您的要求）有一个loadings数组，在其中添加一个包含user id onClick 的加载loading item ，并在完成后删除loading item 。 如果需要， loading item还可以包含其他信息。

您可能还需要存储（可能是异步的） process与loading item （或user item ）之间的关系，以便您知道哪个loading item已完成。

你可以这样做

1. 当您调用它时从process接收process id ，并将该 id 与user item id一起存储在loading item中，
2. 或者您可以在调用process时将loading id作为闭包存储，并删除相应的loading item ，例如在.then((xyz)=>{... removeLoading(processId)...})中。