Part 1 React Component 모달창 열고 닫기 질문드립니다!!!

[yoon]

버튼을 한 번 누르면 열리고 한 번 더 누르면 닫히는 모달창을 구현하는 걸 숙제로 내주신 강의인데요.

머리를 쥐어 싸매고 하긴 한 거 같은데 뭔가 이상합니다.

이런 식으로 클릭한 횟수의 나머지를 계산해 값이 1이면 true로, 2면 false로 변경시키는 함수를 작성하고

버튼 클릭이벤트에 넣었습니다.

근데?!

버튼을 클릭하고 콘솔을 보면 1이 두 번 출력되고 나서야  2가 출력되는 것을 확인할 수 있었습니다.......왜....이럴까요...???????

실제로도 최초 클릭 시 모달창이 열리고 +2회 (총 3회) 클릭해야 모달창이 닫힙니다.

컴퓨터는 죄가 없으니 제 코딩이 죄겠지만 어떤 게 죄인지 모르겠습니다...!

[codingapple]

삼항연산자는 저렇게 뒤에 연달아서 여러개 붙일 수 없습니다

if else를 써봅시다 

[엑공]

안녕하세요! 제가 if else 를 썼는데도 위 질문자처럼 똑같이 두번 눌러야 창이 닫힙니다. 어떻게 해야 하나요?

 

[codingapple]

변수를 함수 바깥에 만들어봅시다

[엑공]

제가 이렇게 코드를 짰는데 혹시 변수를 함수 바깥에 만든다는 게 어떤 뜻일까요?

[codingapple]

Util 함수 바깥에 만듭시다

[엑공]

if (block === false) {
      setBlock(true)
    } else {
      setBlock(false)
    }

clickCount 없이 위처럼 수정해줬더니 작동했어요! 너무 어렵게 생각했나봐요
도움주셔서 감사합니다!

[글쓴이]

글