在useEffect外部访问我的套接字变量

import React, { useEffect, useRef } from 'react';

// 定义套接字变量
let socket;

const MyComponent = () => {
  const socketRef = useRef();

  useEffect(() => {
    // 在useEffect内部访问套接字变量
    socketRef.current = socket;

    // 在useEffect内部操作套接字变量
    socketRef.current.connect();

    return () => {
      // 在组件卸载时清理套接字变量
      socketRef.current.disconnect();
    };
  }, []);

  // 在组件其他地方访问套接字变量
  const sendMessage = () => {
    socketRef.current.send('Hello!');
  };

  return (
    <div>
      <button onClick={sendMessage}>发送消息</button>
    </div>
  );
};

export default MyComponent;