代码之家 › 专栏 › 技术社区 › Adi

如何在react static中添加jquery?

webpack reactjs

-2

Adi · 技术社区 · 7 年前

我正试图移植一个典型的网站与引导作出反应静态。

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

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

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

1 回复 | 直到 7 年前

1

0

Neha Sinha 7 年前

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