Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何在react static中添加jquery?_Reactjs_Webpack - Fatal编程技术网

Reactjs 如何在react static中添加jquery?

Reactjs 如何在react static中添加jquery?,reactjs,webpack,Reactjs,Webpack,我试图移植一个典型的网站与引导作出反应静态 我应该如何在项目中使用jquery 导入到app.js不起作用,我得到jQuery未定义 以及其他在普通HTML网站上运行良好的脚本,这里显示了大量错误和警告。 在react项目中是否有其他导入外部js的方法?是的,我们可以在react js中使用jQuery。在这里,我将告诉您如何使用npm使用它 步骤1:使用cd命令通过用户终端转到您的项目文件夹,其中存在package.json文件 步骤2:编写以下命令以使用npm安装jquery:npm ins

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

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

导入到app.js不起作用,我得到
jQuery未定义

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

是的,我们可以在react js中使用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);
    });
});

你说的“不起作用”是什么意思?请回答你的问题,并准确描述你正在做什么,你希望发生什么,以及会发生什么。如果我在AppJS中导入jquary并运行该项目。在控制台中显示,“jQuery未定义”使用提供插件使您的输入更易于阅读,但我同意评论:“不工作”不是工作问题描述。请阅读并相应地强化您的问题。