React Apollo 使用体会

React Apollo mutation tips(2)

通过一个礼拜的react+Apollod实际上手操作,在此纪录一些印象深刻的使用场景并附上实例代码

聊天界面:用户发送消息触发mutation之后更新UI

1.optimisticResponse+update

optimisticResponsemutation触发后等待数据返回期间提供一个自定义的数据并随即触发update更新data

image.png

2.refetchQueries

这个之前介绍过,refetchQueries返回一个数组,可以用来请求指定query,这是一个屡试不爽的方法。

image.png

不做任何操作,等待mutation返回自动更新cache

如果mutation是query的children,并且mutation只是改变queryResult其中的某些字段(必须要有id),会自动更新cache更新UI。

example:
文章点赞:query返回article所有字段,mutation返回文章id和count_follows
关注推荐用户:query返回所有推荐用户,mutation返回文章用户id和followed_status

日记本

如果觉得我的文章对您有用,请随意赞赏。您的支持将鼓励我继续创作!

赞赏支持
被以下专题收入,发现更多相似内容