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(''); 이렇게 작성해보았습니다