javascript - JS 类静态成员初始化发生在加载 cdn 依赖之前

Question

我声明了这个类的成员，但我得到了错误MenuItem未定义。
显然，类初始化发生在 React 或 Material-UI 完成加载之前(我使用直接 <script> s 从他们的 CDN 加载它们，我假设当我用 打包它们时，这不会发生 npm，但现在我必须这样做。)
有什么办法可以防止这种情况发生？

    static operators = {
        'auto': [
            <MenuItem key="=" value="=">a=</MenuItem>,
            <MenuItem key="!=" value="!=">b&ne;</MenuItem>,
            <MenuItem key="like" value="like">c like</MenuItem>,
            <MenuItem key="not like" value="not like">d not like</MenuItem>
        ]
    };

Answer 1

关于您应该切换到“捆绑”您的 js 代码，您是绝对正确的，否则您将最终陷入与现在类似的无法控制的竞争条件。

要提供快速的 hacky 解决方案，您可以查看 onload HTML event并尝试做类似的事情

<script>
  function loadOperators() {
    var s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "url to your operators component";
    $("head").append(s);
  }
</script>

<script type="text/javascript" src="url to MenuItem" onload="loadOperators()"></script>