最近中文字幕高清中文字幕无,亚洲欧美高清一区二区三区,一本色道无码道dvd在线观看 ,一个人看的www免费高清中文字幕

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何在ReactJS中使用JQuery

如何在ReactJS中使用JQuery

繁星淼淼 2019-12-25 16:00:23
我是ReactJS的新手。以前,我使用jQuery設(shè)置所需的任何動(dòng)畫或功能。但是現(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)驗(yàn) 獲得超2個(gè)贊

步驟1:


npm install jquery

第2步:


touch loader.js 

項(xiàng)目文件夾中的某個(gè)位置


第三步:


//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


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

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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