reactjs - 使用 "auto-update"和 `react-apollo-hooks` 钩子(Hook)时如何避免 `useSubscription` 缓存

Question

我有一些 Apollo-Hooks 代码，它使用 useSubscription 来监听订阅中的事件更改:

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

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

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

有人知道如何使用 useSubscription Hook ，并且不自动更新缓存吗？

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

Answer 1

您可以更改每个订阅的fetchPolicy。默认值为缓存优先。要禁用缓存，必须将 fetchPolicy 设置为 no-cache。如需了解更多详细信息，请参阅apollo official document .

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