在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();
}

有效。

Answer 2

对我来说，最好不要将“connection.build”放在每个屏幕中。 建议在项目开始时将其设置在某个位置。然后你可以监听屏幕中的事件并处理它们。

并且出于任何原因（例如用户注销），您可以停止连接