react tab (1) 썸네일형 리스트형 Coding Apple, React 강좌 내용 정리.16 - Tab UI , animation Tab UI (React-Bootstrap 활용) 간단한 애니메이션 (해당 tab의 content변경시 서서히 나타나게) 개요 UI상태 (여기선 tab) 를 true/false state로 저장해둠 선택한 tab에 따라 해당 content ( , ) 의 내용을 나타나게 한다. 이왕 서서히 나타나게 하는 간단한 애니메이션을 추가한다. Tab 만들기 React 부트스트랩에서 찾아 복사해서 붙여넣기로 (링크) {/* defaultActiveKey : 기본적으로 눌러진 버튼의 eventKey 부트스트랩의 mt-5 이용 */} {/* 버튼들마다 유니크한 eventKey 부여하기 */} Active Option 2 누른탭의 정보, 번호를 저장할 state 만들기 let [누른탭, 누른탭변경] = useState(0.. 이전 1 다음