Javascript 在React.js应用程序中添加其他库

我正在我的react应用程序中添加。它正在发挥作用，但我不确定这是否是唯一的办法

在我的react.js文件中，我做了以下操作：

componentDidMount() {
    var head= document.getElementsByTagName('head')[0];
    var script= document.createElement('script');
    script.type= 'text/javascript';
    script.src= 'js/banner.js';
    head.appendChild(script);
}

在

banner.js

文件中，我添加了slider的代码 库的代码作为脚本标记添加到

index.html

文件中。我知道它多次添加js文件，但我不知道其他添加方法

---

它工作得非常好，但我不确定它是否正确，Andy的评论是否正确，如果可能，您应该通过

npm

包含您的库。要做到这一点，谷歌软件包找到它的名字在npm注册表

然后，您可以运行

npm安装--save banner

（假设找到的包名是

banner

），将库自动保存到您的

包.json

。这样，无论何时运行

npm安装

或

npm更新

，软件包都将通过

npm

处理

在创建React组件的

.jsx

文件中，可以将以下内容添加到最上面：

// if you're not using ES6
const banner = require('banner') 
// if you are
import * as banner from 'banner';
// if the package exports modules
import {banner} from 'banner';

---

如果库不是作为包存在于

npm

注册表中，那么您仍然可以用几乎相同的方法来实现这一点。您只需将库的

.js

文件添加到您的项目中，并使用

require

/

导入的相对路径（即
require（'../../vendor/banner.js'）
）。
为什么不直接将js文件添加到html文件中？不。您通常应该通过npm和导入包含库，并按照本指南在组件中使用非反应库。。。我完全忘了提；如果将此方法用于web，则需要与捆绑/打包阶段结合使用。一定要查看一些任务运行程序，比如咕噜声或咕噜声，或者-我个人最喜欢的-网页包！如果您只是需要/导入脚本，默认情况下，它们不会包含在公共页面中。Webpack可用于在代码中爬行，并将项目的所有依赖项注入到一个或多个文件中（取决于您如何定义Webpack配置）。