首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在react应用程序中添加外部js文件?

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

Stack Overflow用户
提问于 2019-01-07 14:19:33
回答 2查看 7.6K关注 0票数 1

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

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

代码语言:javascript
复制
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);

}

EN

回答 2

Stack Overflow用户

发布于 2019-01-07 14:35:48

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

代码语言:javascript
复制
npm install {package name}

在您的包JSON中。

代码语言:javascript
复制
import jquery from 'jquery'

在组件中

这是一个example

票数 0
EN

Stack Overflow用户

发布于 2019-01-07 19:42:56

如果您想要添加其他js文件(脚本)。这是做到这一点的最简单的方法。

代码语言:javascript
复制
<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文件。根据您的文件夹结构,可以更改路径。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54069368

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档