2 글 보임 - 1 에서 2 까지 (총 2 중에서)
-
글쓴이글
-
2022년 8월 11일 16:25 #41882
조윤상참가자function Search(){ render( <> <section className="py-5" style={{paddingBottom: "12rem !important"}}> <div className="container px-5"> <div className="bg-white rounded-3 py-5 px-4 px-md-5 mb-5"> <div className="text-center mb-5"> <div className="feature bg-dark bg-gradient text-white rounded-3 mb-3"><i className="bi bi-search"></i></div> <h2 className="fw-bolder">신청현황 조회</h2> <p className="lead fw-normal text-muted mb-0">접수시 입력하신 성함과 전화번호를 입력해주세요.</p> </div> <div className="row gx-5 justify-content-center"> <div className="col-lg-8 col-xl-6"> <form> <div className="form-group"> <label htmlFor="inputName">신청자명</label> <input type="text" className="form-control" name="name" placeholder="입력해주세요" required /> <small className="form-text text-muted"></small> </div> <div className="form-group mb-3"> <label htmlFor="fff" >연락처</label> <div className="d-flex flex-row justify-content-between align-items-center"> <input type="text" className="form-control" readOnly defaultValue="010"/> - <input type="text" className="form-control"/> - <input type="text" className="form-control"/> </div> </div> <div className="d-grid"><button className="btn btn-dark btn-lg disabled" type="submit">조회</button></div> </form> </div> </div> </div> </div> </section> </> ) } 위와같은 부트스트랩을 이용한 컴포넌트가 있는데 다른 부분은 문제가 없는데 이 부분에서 수정 후 저장 시 브라우저에서 저장 횟수 만큼 같은 컴포넌트가 렌더링 됩니다. 새로고침을 하게 되면 아무것도 렌더링 되지 않는 화면이 출력되고 vscode에서 스페이스 입력후 저장하면 다시 같은 컴포넌트가 여러번 렌더링 되어있습니다..... 어찌해야합니까ㅜㅜ
-
글쓴이글
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
- 답변은 로그인 후 가능합니다.