Я новичок в 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?