मैं 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();
});
मेरा प्रश्न:
मैं रिएक्टजेएस के साथ यह कैसे कर सकता हूं?