已解決430363個問題，去搜搜看，總會有你想問的

如何在ReactJS中使用JQuery

首頁猿問如何在ReactJS中使用JQuery

如何在ReactJS中使用JQuery

JavaScript React.JS JQuery

繁星淼淼 2019-12-25 16:00:23

我是ReactJS的新手。以前，我使用jQuery設置所需的任何動畫或功能。但是現在我正在嘗試使用ReactJS并盡量減少使用jQuery。我的案例是：我正在嘗試使用ReactJS構建手風琴。<div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div></div><div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div></div><div class="accor"> <div class="head">Head 1</div> <div class="body hide">Body 1</div></div>使用JQuery：$('.accor > .head').on('click', function(){ $('.accor > .body').slideUp(); $(this).next().slideDown();});我的問題：我該如何使用ReactJS？

查看完整描述

3 回答

慕斯王

TA貢獻1864條經驗獲得超2個贊

步驟1：

npm install jquery

第2步：

touch loader.js

項目文件夾中的某個位置

第三步：

//loader.js

window.$ = window.jQuery = require('jquery')

步驟4：

在導入需要jQuery的文件之前，將加載程序導入到您的根文件中

//App.js

import '<pathToYourLoader>/loader.js'

步驟5：

現在在代碼中的任何地方使用jQuery：

//SomeReact.js

class SomeClass extends React.Compontent {

...

handleClick = () => {

$('.accor > .head').on('click', function(){

$('.accor > .body').slideUp();

$(this).next().slideDown();

});

}

...

export default SomeClass

反對回復 2019-12-25

3 回答
0 關注
1256 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在ReactJS中使用JQuery

如何在ReactJS中使用JQuery

3 回答

添加回答