如何在react-static中添加jQuery?

时间:2018-08-28 12:56:47

标签: reactjs webpack

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

我应该如何在项目中使用jquery?

导入app.js无效,我得到jQuery is not defined

和其他在普通的纯HTML网站上正常运行的脚本,此处显示了很多错误和警告。 还有其他方法可以在React项目中导入外部js吗?

1 个答案:

答案 0 :(得分:0)

是的,我们可以在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);
    });
});