如何在react中基于链接加载资源

render() {
  return (
    <div>
      <link rel="stylesheet" href="path/to/your/css/file.css" />
      {/* 组件内容 */}
    </div>
  );
}

import React, { useEffect } from 'react';

const MyComponent = () => {
  useEffect(() => {
    const script = document.createElement('script');
    script.src = 'path/to/your/js/file.js';
    script.async = true;
    document.body.appendChild(script);

    return () => {
      document.body.removeChild(script);
    };
  }, []);

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

export default MyComponent;