时间戳

首页 > 解决方案 > 使用`react-apollo-hooks`和`useSubscription`钩子时如何避免“自动更新”缓存

reactjs - 使用`react-apollo-hooks`和`useSubscription`钩子时如何避免“自动更新”缓存

问题描述

我有一些Apollo-Hooks代码用于useSubscription监听订阅中的事件变化：

useSubscription<MySubscriptionUpdated>(MySubscription, {
    onSubscriptionData: async ({ client, subscriptionData: { data } }) => {
      if (!data) {
        return;
      }
      ...

此代码会自动更新响应的缓存，这在大多数情况下都很棒

但是，我需要在收到响应之后，在更新缓存之前进行一些结果处理。

有谁知道使用useSubscription钩子的方法，而不是自动更新缓存？

响应最终将始终包含一个实体__typename。

标签： reactjsgraphqlreact-apolloapollo-cache-inmemory

解决方案

您可以fetchPolicy针对每个订阅进行更改。默认值为cache-first。要禁用缓存，必须将 fetchPolicy 设置为no-cache. 更多详细信息请参见apollo 官方文档。

useSubscription<MySubscriptionUpdated>(MySubscription, {
    fetchPolicy: "no-cache",
    onSubscriptionData: async ({ client, subscriptionData: { data } }) => {
      if (!data) {
        return;
      }
      ...

推荐阅读