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가 위에 있는데 못알아차리고 틀린그림찾기 했다.
순서가 중요하구나...