[Next.js] 한개씩 열리는 아코디언(Accordion) 예제


[Next.js] 한개씩 열리는 아코디언(Accordion) 예제

공지사항 예제 NoticeComponent.tsx const items = [ { id: 1, title: "First Accordion", content: "Hello", datetime: "2022-01-01" }, { id: 2, title: "Click me", content: "Hello 2", datetime: "2022-01-01" }, { id: 3, title: "Third Accordion Accordion", content: "Hello 3", datetime: "2022-01-01" }, ]; const NoticeComponent: React.FC<GenericProps> = ({}) => { const [isExpanded, setExpanded] = useState<string>(""); // 아코디언 타입 type AccordionGenericProps = { value: string; }; // 아코디언 상태 변경 const handleChange = ...


#Accordion #next #nextjs #react #게시글 #공지사항 #아코디언 #이벤트

원문링크 : [Next.js] 한개씩 열리는 아코디언(Accordion) 예제