선택요소에만 클래스 토글

Magarine·2023년 5월 15일
0

프로젝트 진행중 선택한것 외에선 스타일을 빼고,
선택한것에만 강조를 주는 기능을 넣어야했다

jQuery로 한다생각하면 removeClass와 this add / toggle 을 사용해서
쉽게 구현할 수 있겠지만 리액트로는 처음이라 조금 구글링을 하고 구현했다

  • map으로 생성된 버튼에 value라는 속성을 준다

  • 버튼이 선택되면 버튼의 index와 onClick의 index를 비교해서 일치할경우 selected

  • viewClass는 state로 관리. 지금보니 btnIndex 이런식으로 네이밍하는게 좋았을듯

  • prev는 현재 set하기 이전의 상태를 반환한다.

profile
풀스택 개발자가 되고싶은데 디자인을 살짝 가미한 FE. 스터디용 벨로그

0개의 댓글