如何在 react-static 中添加 jquery？答案

【问题标题】：how to add jquery in react-static?如何在 react-static 中添加 jquery？
【发布时间】：2018-08-28 12:56:46
【问题描述】：

我正在尝试将使用引导程序制作的典型网站移植到 react-static。

jquery应该如何进入项目？

导入到app.js不起作用，我得到jQuery is not defined

和其他在普通纯 HTML 网站中运行良好的脚本，这里显示了很多错误和警告。有没有其他方法可以在react项目中导入外部js？

【问题讨论】：

“不起作用”是什么意思？请edit您的问题并准确描述您正在做什么您期望发生什么，以及发生了什么。
如果我在 app js 中导入 jquary 并运行该项目。在它显示的控制台中，“jQuery 未定义”
使用提供插件
使您的输入更易于阅读，但我同意 cmets：“不起作用”不是一个有效的问题描述。请阅读minimal reproducible example 并相应地增强您的问题。

标签： reactjs webpack

【解决方案1】：

是的，我们可以在 ReactJs 中使用 jQuery。在这里我将告诉我们如何使用 npm 来使用它。

第 1 步：使用 cd 命令通过用户终端转到包含 package.json 文件的项目文件夹。

步骤 2：编写以下命令以使用 npm 安装 jquery：npm install jquery --save

第 3 步：现在，将 jquery 中的“$”导入到需要使用的 jsx 文件中。

例子：

在 index.jsx 中写入以下内容

import React from 'react';
import ReactDOM from 'react-dom';
import $ from 'jquery'


//   react code here


$("button").click(function(){
    $.get("demo_test.asp", function(data, status){
        alert("Data: " + data + "\nStatus: " + status);
    });
});

【讨论】：