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

安娜

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

亚什塔库尔

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

WPF将第三方ResourceDictionary添加到App.xaml?

将通常可以自行执行的第三方JavaScript库导入React应用程序(使用create-react-app)

使用create-react-app构建来转译第三方模块

是否可以在react app中导入第三方js文件?

如何在Create React App应用程序中处理第三方依赖项的CSS

如何在React App中使用第三方扩展?

Google App脚本中的第三方库

使用Google App Engine和Django向项目添加第三方库(twilio)

使用React测试第三方库(seadragon)

React.js处理第三方库安装

如何将本机ios第三方库集成到React本机应用程序中?

将第三方库添加到Sonatype Nexus存储库OSS

使用第三方 React UI 库时找不到模块“react”-Vite + Preact

如何在Google App Engine中包含第三方Python库?

如何使用Google App Engine管理第三方Python库?(virtualenv?pip?)

如何通过Flask Web App安装第三方模块和库

如何在React钩子中初始化第三方库(konvajs)

当第三方库触发事件时,如何告诉React组件更改其状态?

如何在React Native中抑制由于第三方PropTypes库引起的警告

为 React Native UI 使用第三方库是否安全且良好?

如何在使用React钩子时初始化第三方库?

将第三方 SDK 集成到 Cordova App 中

React中的第三方DOM操作

在React中调用第三方Lib函数

第三方React组件未更新

将无声更新入口点添加到React(create-react-app)

想要在 div 中添加 data-* 属性,第三方 JS lib React Next Js 将使用该属性

如何将第三方JavaScript库添加到Meteor应用程序?

如何将事件侦听器添加到create-react-app默认的sw.js文件