如何在反应应用程序中添加外部js文件？

Question

我在我们的应用程序中创建了一个 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);

}

Answer 1

如果要添加额外的 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 文件。 根据你的文件夹结构路径可以改变。

Answer 2

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

npm install {package name}

在您的包 JSON 中。

import jquery from 'jquery'

在您的组件中

这是一个example

如何在反应应用程序中添加外部js文件？

问题描述

2 个解决方案

解决方案1
1 2019-01-07 11:42:55

解决方案2
0 2019-01-07 06:35:47

如何在反应应用程序中添加外部js文件？

问题描述

2 个解决方案

解决方案1 1 2019-01-07 11:42:55

解决方案2 0 2019-01-07 06:35:47

解决方案1
1 2019-01-07 11:42:55

解决方案2
0 2019-01-07 06:35:47