使用useState更改页面，取决于websocket消息“无法在卸载的组件上执行反应状态更新”

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

function MyComponent() {
  const [data, setData] = useState(null);
  const [isMounted, setIsMounted] = useState(true);

  useEffect(() => {
    // 在组件卸载时将标志位设置为false
    return () => {
      setIsMounted(false);
    };
  }, []);

  useEffect(() => {
    // 处理websocket消息的回调函数
    const handleWebSocketMessage = (message) => {
      if (isMounted) {
        // 只有当组件仍然挂载时才更新状态
        setData(message);
      }
    };

    // 在此处订阅websocket消息
    // ...

    // 在此处清理订阅
    return () => {
      // 取消订阅websocket消息
      // ...
    };
  }, [isMounted]);

  return (
    <div>
      {/* 在此处使用data */}
    </div>
  );
}