第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

如何在ReactJS中使用JQuery

如何在ReactJS中使用JQuery

繁星淼淼 2019-12-25 16:00:23
我是ReactJS的新手。以前,我使用jQuery設(shè)置所需的任何動畫或功能。但是現(xiàn)在我正在嘗試使用ReactJS并盡量減少使用jQuery。我的案例是:我正在嘗試使用ReactJS構(gòu)建手風(fēng)琴。<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貢獻(xiàn)1864條經(jīng)驗 獲得超2個贊

步驟1:


npm install jquery

第2步:


touch loader.js 

項目文件夾中的某個位置


第三步:


//loader.js

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

步驟4:


在導(dǎo)入需要jQuery的文件之前,將加載程序?qū)氲侥母募?/p>


//App.js

import '<pathToYourLoader>/loader.js'

步驟5:


現(xiàn)在在代碼中的任何地方使用jQuery:


//SomeReact.js

class SomeClass extends React.Compontent {


...


handleClick = () => {

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

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

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

   });

}


...


export default SomeClass


查看完整回答
反對 回復(fù) 2019-12-25
  • 3 回答
  • 0 關(guān)注
  • 1252 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號