場景如下：現在用react實現了基于websocket的動態圖形展示一個TabPanel組件里里有三個子的Tab組件，每個子組件一張動態圖也就是每個組件一個websocket對應一張圖已經實現websocket和圖標展現但是當我切換tab，也就是切換圖的時候，上一個tab所對應的websocket并沒有關閉導致websocket的連接數隨tab的切換增加，直到每個tab都有一個連接，且頁面不刷新，即TabPanel不重新渲染，連接始終存在，數據量一大很影響頁面效率我想做的是在每次切換tab的時候斷開與前一個tab的websocket連接，每次切換都重新連接這樣的話就要捕捉到tab組件的離開狀態，如何在切換子組件的時候去手動控制上一個子組件中的信息？