React Apollo 使用体会
React Apollo mutation tips(2)
通过一个礼拜的react+Apollod
实际上手操作,在此纪录一些印象深刻的使用场景并附上实例代码。
聊天界面:用户发送消息触发mutation
之后更新UI
1.optimisticResponse+update
optimisticResponse
在mutation
触发后等待数据返回期间提供一个自定义的数据并随即触发update
更新data
2.refetchQueries
这个之前介绍过,refetchQueries
返回一个数组,可以用来请求指定query,这是一个屡试不爽的方法。
不做任何操作,等待mutation返回自动更新cache
如果mutation是query的children,并且mutation只是改变queryResult其中的某些字段(必须要有id),会自动更新cache更新UI。
example:
文章点赞:query返回article所有字段,mutation返回文章id和count_follows
关注推荐用户:query返回所有推荐用户,mutation返回文章用户id和followed_status
这个人暂时没有 freestyle