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

9o685dep 于 2023-02-08 发布在 React

关注(0)|答案(2)|浏览(190)

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

}

reactjs

来源：https://stackoverflow.com/questions/54069368/how-to-add-external-js-file-in-react-application

2条答案

按热度按时间

xmakbtuz1#

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

npm install {package name}

在JSON包中。

import jquery from 'jquery'

在组件中
这是一个example

赞(0）回复(0）举报 2023-02-08

8xiog9wr2#

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

赞(0）回复(0）举报 2023-02-08

我来回答

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

2条答案

相关问题

热门标签

最新问答