如何在reactjs中删除第三方js文件的特定css样式

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    // 在这里处理第三方JS文件的加载和样式删除
    const thirdPartyScript = document.createElement('script');
    thirdPartyScript.src = 'path/to/third-party.js';
    document.body.appendChild(thirdPartyScript);

    // 删除特定CSS样式
    const styleSheets = document.styleSheets;
    for (let i = 0; i < styleSheets.length; i++) {
      const styleSheet = styleSheets[i];
      if (styleSheet.href && styleSheet.href.includes('third-party.css')) {
        // 删除特定CSS样式
        styleSheet.disabled = true;
        // 或者移除整个styleSheet节点
        // styleSheet.ownerNode.remove();
      }
    }
  }, []);

  return (
    <div>
      {/* 组件内容 */}
    </div>
  );
};

export default MyComponent;