[Output]Reactとstyled-componentsで簡易的なアコーディオンを作ってみた

ReactとCSSinJSの学習として、アコーディオンを簡易的に作ってみました。 結論 色んな入門動画を見ながら一通りReactを触っていましたが、実際に自分で一から作るとなると中々うまくはいきませんでした。 使用言語 React TypeScript styled-components 実際のコード import { ReactNode, useLayoutEffect, useRef, useState } from "react"; import styled from "styled-components"; interface AccordionInterface { heading: string; children: ReactNode; initialOpen: boolean; } const Div_Accordion = styled.div` border: 1px