마지막 숙제 관련해서 질문인데
setModal(!modal)이라 하여 하는 것이 true false값만 반대로 바꿔서 훨씬 간단하게 잘 실행되는것은 이해했습니다
그런데 저는 처음에 변수하나를 주고 그 값을 클릭하면 1씩 카운트해서 나머지가 1이면 true, 0이면 false로 하여 모달창을 껐다켜는 방법으로 하려 했습니다
코드는 위에 let count =0 두고
onClick 안에는
count++;
count%2 == 1 ? setModal(true) : setModal(false);
으로 했는데
(아래에는
{
modal == true ? <Modal></Modal> : null
}
이게 있는 상태)
한번 누를 때는 모달창이 뜨고 2번 누를 때는 반응 없고 3번째 누를 때에서야 창이 사라집니다
console.log로 확인해 봤을 때도 count가 1234 계속 증가하는 것이 아니라
1
1
2
1
1
2
식으로 반복되고 있는데 변수 증가 방식에 무엇이 잘못되었을까요?
그리고 변수방식으로 창 껐다켜기를 하려면 어떻게 고치는 것이 좋을까요?