개별 버튼 만들기 질문드립니다.

[김보훈]

현재 버튼을 누르면 개별 아이콘이 변경되는 아이콘을 만들려고

게시판에 글 올려져 있는 개별 따봉버튼 만들기 글들을 참고해서 코드를 작성해봤는데

버튼 누를 때마다 계속 true 로만 찍히는데 접근 방법이 틀린걸까요??

[codingapple]

state가 array, object 자료면 

사본을 만들어서 그걸 수정하고 state변경함수에 넣으시면 됩니다 

[김보훈]

변경해 봤는데 코드 실행을 해본 결과 

이런 오류가 뜹니다.

[codingapple]

newArr[index] = !newArr[index];

setChevron(newArr) 

이렇게 써봅시다 

[김보훈]

감사합니다 잘 해결됐습니다.

궁금한 점이 하나 더 있는데 제가 맨처음에 오류냈던 코드

const newArr = [...chevron];
setChevron(!newArr[index]);

부분에서 버튼을 누를 때마다 newArr 에 있는 값들의 반대가 되서 true false 가 반복될 것 같았는데 직접 console을 찍어봤을 땐 state가 false 그대로 였습니다. 이부분이 이해가 되지 않고,

한번더 누르면 iterable 오류가 나오는데 어떤 연관이 있어 오류가나는지  이해가 잘 안됩니다.

[codingapple]

!newArr[index]

이러면 그냥 그 자리에 true 하나가 남을 것 같습니다

state변경함수는 소괄호에 집어넣은 것으로 state를 갈아치워주는 함수입니다 

[글쓴이]

글