티스토리 뷰

Programming/Web

[BoC:React]간단한 Accordion

플릭L 2019. 8. 19. 15:19
[Bit of Code:Javascript/React] Simple Accordion 

  사용 기술 : react, javascript
  - react componenet : Accordion
  - state : isCollapsed(열려있는지 여부)
  - props : collapsed(최초 열려있는지), label(제목), children(내용)
  - 아코디언 제목 클릭시, 실행될 함수 div onclick="this.toggleAccordion" 으로 지정.
  - React.createRef()으로 css에 접근

Edit Simple Accordion

 

반응형
저작자표시 비영리 변경금지

'Programming > Web' 카테고리의 다른 글

Vercel을 활용한 Next.js블로그 배포  (0) 2023.01.28
[Javascript] 마우스와 키보드를 활용하는 방법(이벤트 핸들러)  (0) 2019.08.26
[BoC:js] 벽에 공 튕기기  (0) 2019.08.17
backtick(`)문자와 javascript 템플릿 리터럴  (2) 2019.07.09
[CSS]Margin과 Padding의 차이  (0) 2019.06.19
댓글