error 해결

CHAE·2023년 1월 12일
0

React

목록 보기
11/27

그냥 내가 바보였던걸로...

  useEffect(() => {
    if (isNaN(inputValue) == true){
      alert("숫자를 입력하세요.");
    }
  }, [inputValue]);

const [inputValue, setInputValue] = useState('')

<input onChange={(e)=>{setInputValue(e.target.value)}}/>

input에 문자가 입력되면 숫자를 입력하라는 경고창을 띄우는 코드다.
이상하게 계속 에러가 나길래 정답지를 봤는데 아무리봐도 똑같았다.

const [inputValue, setInputValue] = useState('')

  useEffect(() => {
    if (isNaN(inputValue) == true){
      alert("숫자를 입력하세요.");
    }
  }, [inputValue]);

<input onChange={(e)=>{setInputValue(e.target.value)}}/>

useState와 useEffect 위치를 바꿨더니 됐다.
답지에도 useState가 위에 있는데 못알아차리고 틀린그림찾기 했다.
순서가 중요하구나...

profile
신입 프론트엔드 개발자

0개의 댓글