<h3 id="react%E3%81%A7%E3%82%A2%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%82%AA%E3%83%B3%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%A9%9F%E4%BC%9A%E3%81%8C%E3%81%82%E3%81%A3%E3%81%9F">
<a class="header-anchor-link" href="#react%E3%81%A7%E3%82%A2%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%82%AA%E3%83%B3%E3%82%92%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B%E6%A9%9F%E4%BC%9A%E3%81%8C%E3%81%82%E3%81%A3%E3%81%9F" aria-hidden="true"></a> Reactでアコーディオンを実装する機会があった</h3>
<p><a href="https://reactcommunity.org/react-transition-group/" target="_blank" rel="nofollow noopener noreferrer">react-transition-group</a>というライブラリを導入</p>
<p>簡単に動くサンプルを実装</p>
<span class="embed-block embed-codesandbox"><iframe src="https://codesandbox.io/embed/exciting-rgb-n6rq6w?fontsize=14&amp;hidenavigation=1&amp;theme=dark" style="width:100%;height:500px;border:none;overflow:hidden" allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking" loading="lazy" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe></span>


【備忘】react-transition-groupを使ったアコーディオンの実装

Reactでアコーディオンを実装する機会があった

Reactでアコーディオンを実装する機会があった

Discussion