如何避免与socket.io-client和React应用程序重新连接？

import io from 'socket.io-client';

const socket = io('https://example.com', {
  reconnection: false
});

import React, { useEffect, useState } from 'react';
import io from 'socket.io-client';

const MyComponent = () => {
  const [socket, setSocket] = useState(null);

  useEffect(() => {
    const newSocket = io('https://example.com');

    setSocket(newSocket);

    return () => {
      newSocket.disconnect();
    };
  }, []);

  // 根据需要在组件中使用socket

  return <div>My Component</div>;
};

import io from 'socket.io-client';

const socket = io('https://example.com');

socket.on('connect', () => {
  console.log('Connected');
});

socket.on('disconnect', () => {
  console.log('Disconnected');
  // 执行重新连接操作或显示错误消息
});