如何在 useSubscription 挂钩中更新订阅变量 - Apollo v3

Posted

技术标签:

【中文标题】如何在 useSubscription 挂钩中更新订阅变量 - Apollo v3【英文标题】:How do I update subscription variables in a useSubscription hook - Apollo v3 【发布时间】:2020-06-19 21:17:32 【问题描述】:

我目前正在尝试在 useEffect 挂钩中使用来自 apollo v3 的 useSubscription 挂钩更新 GraphQL 订阅:

let containerSubscription = useSubscription<CreatedDateSubscription, CreatedDateSubscriptionVariables>(
  gql(containerUpdatedOnCreatedDate),
  
    variables:  createdDate: selectedDate ,
    shouldResubscribe: true, // is this needed?
  ,
);

// update subscription on date change
React.useEffect(() => 
  // how do I update the subscription here?
  // setting containerSubscription.variables = ... does not change the subscription
, [selectedDate]);

我在 apollo 文档中找不到有关如何解决此问题的任何解决方案。

任何帮助将不胜感激!

【问题讨论】:

也许你不应该这样做,我也没有找到任何文档,也许是因为你需要取消订阅并重新订阅新变量 @Arman 谢谢你,我想到了。但是,我可以在文档中找到有关如何取消订阅和重新订阅的任何文档 【参考方案1】:

无需使用useEffect——您只需更改selectedDate。如果传递给钩子的任何选项发生变化,当前订阅将被取消订阅,并使用新选项开始新的订阅。

【讨论】:

没想到,谢谢!当我省略 shouldResubscribe 选项时,它终于起作用了

以上是关于如何在 useSubscription 挂钩中更新订阅变量 - Apollo v3的主要内容,如果未能解决你的问题,请参考以下文章

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

如何防止使用 useSubscription() 重新渲染?

反应上下文挂钩更新后如何触发功能

如何检测组件将使用反应挂钩更新?

如何使用 useState 挂钩更新状态而不重新渲染

@apollo/react-hooks 中的 `useSubscription` 方法加载卡住