如何取消订阅数组

Question

subscribeToMore我有一个我想使用的来自 Apollo 的查询数组。我受到这篇文章的启发，希望我想使用一个功能组件：useEffect(() => {    const unsubscribe =        [subscribeToMore({            // subscriptionData...        }), subscribeToMore({            // subscriptionData...        })]    if (unsubscribe.length > 0) {        for (i = 0; i < unsubscribe.length; i++) {            return () => unsubscribe[i]()        }    }}, [subscribeToMore])但是，我得到：在 unsubscribe [i]() 中，unsubscribe[i] 是未定义的

Answer 1

useEffect只有一个返回函数。你不能多次调用它。相反，在 return 函数中，您可以检查条件并取消订阅是否有要清除的订阅

useEffect(() => {

    const unsubscribe =

        [subscribeToMore({

            // subscriptionData...

        }), subscribeToMore({

            // subscriptionData...

        })]

    return () => {

       if (unsubscribe.length > 0) {

           for (i = 0; i < unsubscribe.length; i++) {

               unsubscribe[i]()

           }

       }

    }

}, [subscribeToMore])