React:如何在同一页面中使用同一组件两次，但只加载一次脚本标记

// 引入React库和相关组件的脚本标记
<script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.development.js"></script>
<script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.development.js"></script>

// 创建一个React组件
class MyComponent extends React.Component {
  render() {
    return (
      <div>
        // 组件的功能和样式
      </div>
    );
  }
}

// 在页面中使用该组件的第一次实例
ReactDOM.render(<MyComponent />, document.getElementById('first-instance'));

// 在页面中使用该组件的第二次实例
const firstInstance = document.getElementById('first-instance');
const secondInstance = document.getElementById('second-instance');
ReactDOM.render(React.cloneElement(<MyComponent />, { key: 'second-instance' }), secondInstance);