• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 react 환경에서 동적ui 만드는 법에서 질문입니다

react 환경에서 동적ui 만드는 법에서 질문입니다

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #97069

    병아리짹짹
    참가자
    마지막 숙제 관련해서 질문인데
    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
     식으로 반복되고 있는데 변수 증가 방식에 무엇이 잘못되었을까요? 
    그리고 변수방식으로 창 껐다켜기를 하려면 어떻게 고치는 것이 좋을까요?
    #97090

    codingapple
    키 마스터
    변수는 바뀌어도 재렌더링 안되어서 state로 만듭시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠