代码之家 › 专栏 › 技术社区 › Anna

添加第三方js库以创建React应用程序

react-component create-react-app import reactjs

Anna · 技术社区 · 6 年前

我正在我的Create React应用程序中使用chartIQ库。我只是通过在索引中使用script标记添加了它。html文件 <script src="chartiq/js/chartiq.js"></script> 它是这样工作的,但感觉不对。因为我只需要一个组件使用这个库,所以最好只将这个库导入这个组件。有什么方法可以正确地做到这一点吗?

1 回复 | 直到 6 年前

Yash Thakur 6 年前

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

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() 加载外部脚本。

推荐文章

IsraelCena · 如何从react图标导入材质设计中的所有图标

2 年前

njho · 大型Create React应用程序包大小-优化的生产构建

6 年前

Nugzar Gaguliya · 如何在不弹出的情况下将less集成到Create React应用程序中

6 年前

Sangram Badi · 引导程序在React中行为不正确

6 年前

abu abu · 在react中的“npm start”命令中发出。js公司

6 年前

Rafael Rocha · 如何“隐藏”ommit巴别塔/网页包/插件配置文件?

6 年前

Anna · 添加第三方js库以创建React应用程序

6 年前

marquesm91 · 创建在智能电视浏览器上运行的react应用程序

6 年前

Sabbiu Shah · 如何动态加载减速器

6 年前

Miha Å uÅ¡terÅ¡iÄ · Mobx4-声明存储中的可观察项引发sintax错误

6 年前