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

home2 게시판 React 게시판 모달창 숙제 관련 질문 있습니다

모달창 숙제 관련 질문 있습니다

  • 이 주제에는 1개 답변, 2명 참여가 있으며 codingapple4 년 전에 전에 마지막으로 업데이트했습니다.
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #13066

    kmj
    참가자

    숙제로 내주신 버튼 눌렀을 때 열리고 한번 더 누르면 닫히는 모달창을 함수로 만들어서 실행은 시켰는데 이 과정에서 질문이 있습니다.

    function 스위치() {
        if(modal === true) {
          modal변경(false);
        } else modal변경(true);
      }

    위처럼 if문에서 modal변경함수를 넣고 button onClick이벤트에 위 함수를 넣었는데 

    <button 
          onClick={ () => {스위치()} }>modal버튼</button>

    왜 함수 옆에 ()괄호를 넣어야 실행이 되는지 궁금합니다. 괄호를 빼니 에러가 나는 것 같아요.

    강의에서는 함수명 옆에 괄호를 붙이면 바로 실행된다고 하셨는데 modal창의 경우 바로 실행되는게 아니라 onClick이벤트가 일어나야 실행되는거라 함수명 옆에 괄호를 붙이면 안되는 것 아닌가요? 

    #13072

    codingapple
    키 마스터

    { } 여기 안에 적는 코드는 html 로드될 때 바로 실행됩니다

    근데 onClick={ } 같은 경우 버튼을 누를 때 onClick 안에 있는 콜백함수가 실행됩니다 

    onClick={ 함수 } 이렇게 넣으시면 함수로 콜백함수를 대체하는거라 가능하고

    아니면 ()=>{} 콜백함수 중괄호 안에 코드 넣으시면 됩니다

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 호 / 개인정보관리자 : 박종흠