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

home2 게시판 React 게시판 모달창 오류

모달창 오류

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

    조승현
    참가자
    부트스트랩을 통해 모달창을 만들고 메인페이지에서 버튼을 누르면 해당 모달창이 뜨도록 만들었는데 
    어느 순간부터 버튼을 누르면 약 1초간 떴다가 바로 다시 사라지고 페이지의 url이 'localhost:3000/?'으로 바뀌게 됩니다.
    무엇이 문제인지 모르겠습니다ㅠㅠ
    <메인페이지에서 모달창 불러오는 코드>
    
    const [findIDOn, setFindIDModalOn] = React.useState(false);
    ..
    
    <Findbutton onClick={()=> setFindIDModalOn(true)}>아이디 찾기</Findbutton>
                    <FindID
                      show = {findIDOn}
                      onHide={() => setFindIDModalOn(false)}
                    />
     
    모달창관련코드
    #44598

    하민우
    참가자
    프롭스 넘기는게 잘못된것같음요 메인페이지에서 { findIDOn && <Modal onClick={모달닫기기능있는함수} /> }
    
    모달컴포넌트에선 <Modal onClick={()=>{모달닫기기능있는함수} /> 로 해야될듯? show를 보낼거면 
    
    모달컴포넌트에서 { show && <Modal>...<Modal/>}
    #44603

    codingapple
    키 마스터
    버튼누를 때 폼이 전송되면 그럴 수 있습니다
3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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