react input onchange onkeydown 동시 사용 어떻게 해야 할까요??

Question

현재 container와 component로 나눠서 관리하고 있는데, // component 해당 handleChange에서는 const handleChange = useCallback((e:ChangeEvent|ChangeEvent) => { const { value, name } = e.target; setPhoneNumbers(value.replace(/[^0-9]/g,"")); },[]); 해당 부분을 쓰고 있는데, 숫자에 한글을 넣을 경우 숫자가 하나씩 사라집니다. 그래서 onkeydown을 이용해서 눌를 때 못 넣게 value.replace를 쓰고, 숫자값만 onChange로 state에 다시 넣고 싶은데, 방법을 모르겠어요

JUNSO · Accepted Answer

정규식을 이용하셔서 onchange이벤트가 발생할 때 조건에 숫자가 아닌 다른 값이 들어오면 return을 해주면 되지 않을까 싶습니다.

react input onchange onkeydown 동시 사용 어떻게 해야 할까요??

1개의 답변

#onkeydown 목록