添加第三方js库以创建React App

Question

我在Create React App中使用chartIQ库。我只是在我的index.html文件<script src="chartiq/js/chartiq.js"></script>中使用脚本标记添加它并且它以这种方式工作，但它感觉不对。因为我只需要一个组件的这个库，最好只将这个库导入到这个组件。有没有办法正确地做到这一点？

Answer 1

您可以通过以下方式使用它：

function loadScript(url, callback){

    let script = document.createElement("script")
    script.type = "text/javascript";

    if (script.readyState){  //IE
        script.onreadystatechange = function(){
            if (script.readyState == "loaded" ||
                    script.readyState == "complete"){
                script.onreadystatechange = null;
                callback();
            }
        };
    } else {  //Others
        script.onload = function(){
            callback();
        };
    }

    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

然后在componentDidMount()上使用此函数加载外部脚本。