Ich bin Neuling bei ReactJS. Bis jetzt benutze ich JQuery, um eine Animation oder eine Funktion einzustellen, die ich brauchte. Aber jetzt versuche ich, ReactJS zu verwenden und mit JQuery zu minimieren.

Mein Fall ist:
Ich versuche zu bauenigenes Akkorde, mit JQuery kann ich es schaffen, aber mit ReactJS habe ich keine Ahnung, wie es geht.

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

using JQuery:

$('.accor > .head').on('click', function(){
   $('.accor > .body').slideUp();
   $(this).next().slideDown();
});

Meine Frage
1. Wie geht das in ReactJS?

Danke vor