如何获取在JavaScript中使用脚本标签动态加载的JavaScript模块的引用？

Question

我的用例是将react组件动态地装载和卸载到容器div中，在同一容器中，不同的组件将在不同的时间动态装载。在这种情况下，我正在使用外部脚本从CDN加载该模块，一旦加载我应该是能够获取正在加载的模块的引用（例如“从'./App'导入应用程序”中的应用程序）

var body = document.getElementsByTagName('body')[0];
var scr = document.createElement('script');
scr.setAttribute('id', 'test');
scr.setAttribute('type', 'text/javascript');
scr.setAttribute('src', 'https://test.com/abc.js');
scr.onload = () => {
    // Here i want to get the reference of abc.js i.e exported module in abc.js is ABC , i want to get ABC programmatically 

      // I know ABC is loaded but I don't want to hard code it.


    }
   body.appendChild(scr);

请帮助我如何获取onLoad回调函数中正在加载的模块的引用