React ssr Socket断开每个路由更改

Question

我有一个处理所有socket.io事物的React组件。 我将该组件放在了大型布局组件中，因此它对于所有应用程序都是可用的。 在套接字组件中，我有以下代码：

componentWillUnmount() {
alert('disconnectes')
this.socket.off('message', this.handleMessage)
this.socket.close()
}

问题是，每次更改路线时，布局都会再次呈现，并且套接字断开连接。 我该怎么做才能不每次都断开套接字？