我在应用程序中使用react和react apollo,并有一个问题。我有一个包含用户列表的页面。每一项都包含"+"按钮。当我点击项目时,我想显示旋转器,直到突变完成。
你能建议我更好的解决方案为每个突变调用保留loading
吗?现在我只是将它存储到数组中,但我认为它可以更好地解决
需要存储一个loading
进程与对应的user
项之间的关系。
我建议(不知道你的要求)有一个loadings
数组,在那里你添加一个loading item
包含user id
onClick,并删除loading item
完成后。如果需要,loading item
也可以包含其他信息。
您可能还需要存储(可能是异步的)process
和loading item
(或user item
)之间的关系,以便您知道哪个loading item
已经完成。
你可以通过
- 从
process
接收process id
,当你调用它时,并将该id与user item id
一起存储在loading item
中, - 或者你可以在调用
process
时将loading id
存储为闭包,并删除相应的loading item
,例如在.then((xyz)=>{... removeLoading(processId) ...})
中。