如何在React应用程序中添加外部js文件?

时间:2019-01-07 06:19:33

标签: javascript reactjs

我在应用程序中创建了一个js文件。在这个js文件中如何在我们的页面中添加?

我为我们的应用编写了以下代码。首先,我编写了完美的在线链接。然后在下载js并设置js文件的路径之后。但不能正常工作。

componentDidMount() {
const script = document.createElement("script");
// script.src = "https://code.jquery.com/jquery-1.12.4.min.js";
script.src = "../../Content/JS/jquery-1.12.4.min.js";
script.async = true;
document.body.appendChild(script);

}

2 个答案:

答案 0 :(得分:0)

如果要添加其他js文件(脚本)。这是最简单的方法。

<body>
<noscript>
  You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>

<script src="../../Content/JS/jquery-1.12.4.min.js"></script>

</body>

这是您的react应用程序的根html文件。根据您的文件夹结构可以更改路径。

答案 1 :(得分:-1)

您需要安装然后导入jQuery或组件中所需的任何其他插件。

npm install {package name}

在您的包JSON中。

import jquery from 'jquery'

在您的组件中

这里是example