reactjs - 如何使用 useQuery 和 subscribeToMore 取消订阅

Question

Another post分享了如何取消订阅的示例，其中Apollo docs不。 Apollo 文档确实提到了 subscribeToMore 返回的内容......

subscribeToMore: A function that sets up a subscription. subscribeToMore returns a function that you can use to unsubscribe.

这确实给出了提示。看一个例子会有所帮助。

问题

在useEffect()内部使用@apollo/react-hooks并返回subscribeToMore的结果，是这样的吗取消订阅组件卸载？

const { data, error, loading, subscribeToMore } = useQuery(GET_DATA)

useEffect(() => {
    const unsubscribe = subscribeToMore(/*...*/)
    return () => unsubscribe();
}, [])

Answer 1

卸载组件时，应为您取消订阅任何关联的订阅。您不必手动管理它，除非您想在此之前取消订阅。

当调用 subscribeToMore 时，您可以看到正在跟踪的订阅 here然后在清理查询时取消订阅 here .