#React #input #onKeyUp #숫자 #문자열 #구분 onKeyUp 이벤트의 입력한 값 숫자, 문자열 판별하기 입력된 값이 숫자인지 문자열인지 판별하려면 onKeyUp 이벤트 핸들러를 사용하여 입력된 값을 확인하고 해당 값의 타입을 검사해야 합니다. 소스코드 import React, { useState } from 'react'; function App() { const [inputValue, setInputValue] = useState(''); const [inputType, setInputType] = useState(''); const handleKeyUp = (event) => { const inputText = event.target.value; // 입력된 값이 숫자인지 문자열인지 판별 if (!
isNaN(inputText)) { setInputType('숫자'); } else { setInputType('문자열'); } }; return (
![[ React ] input type='text' , onKeyUp 이벤트 발생 시에 입력한 값이 숫자인지 문자열인지 판별하는 방법.](https://mblogthumb-phinf.pstatic.net/MjAyMzA5MDZfMTIy/MDAxNjkzOTc2MjY0NDY2.AoMmHFai-NJmO38kkdQra8QhxjBRHwBtCUChTkeziPIg.a-7p9QjfEKIsbcJFE1eBn7DauIwhIZ7Cpef8FUqEeBog.PNG.twilight_teatime/react.png?type=w2)
#
input
#
onKeyUp
#
React
#
구분
#
문자열
#
숫자
![[코딩공부] Java 의 예외처리. 간단정리.](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![[ 이츠카레 :: 건강한 카레 ] 양재역 근처 직장인 점심 추천, 카레가 너무나 먹고 싶을 때, 건강한 맛의 카레집.](https://mblogthumb-phinf.pstatic.net/MjAyMTA5MDdfMTIz/MDAxNjMxMDE2MjE1NTUw.LE-mbiy9Fs1m_dbsS9s_Tdd7O53BZ-YNpD3uhTuhvpAg.rRPUbF2fQNPDnDKXbv6VMkF502qC9QP2vHnhubMDq_Qg.JPEG.twilight_teatime/%BE%E7%C0%E7_%BE%C6%C3%F7%C4%AB%B7%B9_%287%29.JPEG?type=w2)
![[ 신용산 파티룸 ][ 코코난나 ] 사진잘나오는 파티룸, 용리단길 맛집, 효뜨 포장해서 먹기 좋은, 데이트 장소!](https://mblogthumb-phinf.pstatic.net/MjAyMTEwMTNfMTc0/MDAxNjM0MDUzMTIzNDAy.-2UeHqmW48NxIttCFJjKwUv89Gw6wOyRtokG2ASbk4kg.WCLHD-ZvhgxUsy2GS9AWPQceEi6BlIkDR3hbipeotk8g.JPEG.twilight_teatime/%BD%C5%BF%EB%BB%EA%C6%C4%C6%BC%B7%EB_%C4%DA%C4%DA%B3%AD%B3%AA_%2831%29.JPEG?type=w2)
