반응형 transtion1 React Tab UI,(react-transition-group) 버튼을 여러개만들어서 div를 보여줄 수 있는데 그냥 탭만들기라고 명칭, 쉽게말하면 그냥 버튼1,2,3 그리고 탭 1,2,3 이렇게 연결하는걸 말함 return ( 버튼0 버튼1 버튼2 내용0 내용1 내용2 ) 이런식으로 되어있는걸 부트스트랩을 써도되고, 그냥 버튼을 사용해도됨 방식은 useState를 사용해 어떤 버튼을 눌렀는지 state로 저장해두고 상태에 따라 div를 조건문으로 보였다 안보였다 해주면됨 on/off가 아닌 버튼 숫자를 저장하면 된다. let [누른탭, 누른탭변경] = useState(0); .......... { 스위치변경(false);누른탭변경(0)} }>Active { 스위치변경(false);누른탭변경(1)} }>Option 2 { 스위치변경(false);누른탭변경(2)} }>.. 2022. 1. 16. 이전 1 다음 반응형
