실전 프로젝트 TIL

jooooo·2022년 1월 7일
0
post-thumbnail
post-custom-banner

해결해야 하는 것

프로필 수정 모달 부분인데 프로필 아이콘을 누르면 수정이 되긴한다.. 하지만 아이콘을 눌렀을때 선택된 아이콘만 outline색을 넣고 싶었다.

일단 useState를 만들어 default 값을 false로 주고 눌렀을때 true가 되도록하는 함수를 만들어 onClick에 넣고 삼항연산자로 classname을 active되었을때와 unactive됐을때로 만들어준뒤 각각 css를 줬다.

하지만 다른 컴포넌트에서 import를 해와 map으로 돌려주는 구조라 그런지 아이콘 전체에 css가 먹히는걸 볼 수 있었다.

결국 다른 코드를 시도하고 있는데 나의 의도는 일단 배열안에 모든 데이터에 false값을 주고 눌린배열만 true 값으로 바꿔주는 코드를 짜봐야겠다 생각하여 다음과 같은 함수를 만든 것인데.......
배열의 모든 값에 false 값을 주는 것은 성공하였지만 newArr의 배열은 불러오지 못하는 것 같았다.. 내일 다시 해봐야할 것 같다.

profile
INFP🖐
post-custom-banner

0개의 댓글