如何在反應應用程序中添加外部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