繁星淼淼
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
添加回答
舉報
0/150
提交
取消