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

home2 게시판 React 게시판 useEffect 안의 코드로 인한 화면 넘김

useEffect 안의 코드로 인한 화면 넘김

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

    이혁
    참가자
    function NumInput(props){
      let [input, setInput] = useState('');
      useEffect((e) => {
        if (isNaN(input) == true){
          alert('숫자를 작성하세요')
          이 공간~~
        }
      }, [input])
      return (
        <input onChange={(e) => {setInput(e.target.value)}} />
      )
    }
    export default App;
    
    이런식으로 app.js 파일안에 작성하고 컴포넌트로 끼워넣으면 잘 작동하는데 제가 추가로 혼자서 useEffect 안에 '이 공간~~' 위치에 코드를 작성해서 숫자말고
    글자로 입력하면 알람창이 뜨고 확인을 누르면 input란이 자동으로 비워지도록 만들어 보려 하는데 어떤 코드든 작성을 하면 원래 화면으로 돌아오는 것이
    아니라 빈 화면 상태로 하얀 바탕이 뜹니다. 혹시 원인이 무엇인지 알 수 있을까요?
    
    참고로 '이 공간~~'에 input.value = null 이나 input.val(''); 이렇게 작성해보았습니다
     
    #66938

    codingapple
    키 마스터
    크롬콘솔창에러도 확인합시다 
    인풋내용을 강제로 뭘로 바꾸면 useEffect안에 있는게 실행되고
    useEffect안에서는 인풋내용을 강제로 바꾸고 
    무한루프일수도요
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 호 / 개인정보관리자 : 박종흠