在react-native中离开屏幕时，我应该如何断开与signalR的连接

Question

在我的应用程序中，我有几个像这样使用 signalR 的屏幕。该函数称为 useEffect 函数，它的工作原理是：

const setupSignalR = () =>
{
    SecureStore.getItemAsync("token").then(tk => {
            let connection = new HubConnectionBuilder()
            .withUrl("URL", {
            accessTokenFactory: () => tk
            })
            .build();

            connection.on("Update", function (message) {
             //DOSTUFF
            });

            connection.start()
            .then(() => console.log("connection started"))
            .catch(err => console.log("connecting hub failed err is : ", err));
    });
}

问题是，如果我离开屏幕，连接将保持打开状态，当我返回屏幕时，我会打开另一个连接，这意味着我现在同时打开了 2 个连接。我知道 signalR 有一个可以调用的停止函数，所以我尝试使用这样的导航侦听器，但它们没有被调用：

useEffect(() => 
{
    Load();
    setupSignalR();
    const unsubscribe = navigation.addListener('focus', () => {
        
      });
    const sub = navigation.addListener('blur', () => {
        console.log("============");
    });
}, [navigation]);

我通常通过按后退按钮或使用navigation.navigate();

Answer 1

return () => {
    connection.stop();
}

作品。