将第三方 js 库添加到 Create React App

【问题标题】：add third-party js library to Create React App将第三方 js 库添加到 Create React App
【发布时间】：2018-09-22 14:59:59
【问题描述】：

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

【问题讨论】：

标签： reactjs import create-react-app react-component

【解决方案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()上使用这个函数来加载外部脚本。

【讨论】：