Socket.io新手疑问：为何useEffect两次触发却未创建两个Socket连接？

核心原因是Socket.io的socket实例自带连接状态管理，不会重复建立连接，具体拆解成几点：

• Socket.io的socket对象内部会维护连接状态（比如connected、connecting）。当你调用connect()时，它会先检查当前状态：如果已经处于连接中或者已经连接成功，就不会发起新的连接请求，直接复用现有连接。
• 你看到useEffect回调触发两次，大概率是因为开启了React严格模式（开发环境下的特性）——它会刻意重复执行一次副作用回调，用来检测潜在的不稳定代码。但这只是重复调用connect()函数，而你的socket应该是在组件外部创建的全局实例（不是每次回调里新建的），所以第二次调用时，socket已经处于连接状态了，不会新建连接。
• 你可以自己验证：在socket.connect()前加一行console.log('当前连接状态:', socket.connected)，第一次会打印false，第二次会打印true，直观就能看到为什么第二次不会触发新连接。

内容的提问来源于stack exchange，提问作者Yusuf Isakov