input 태그 글자 입력
React input 태그에 글자가 입력되지 않는 현상
React input 태그에 글자가 입력되지 않는 현상
2023.04.29value 속성만 지정하지는 않았는가? input의 상태를 관리할 때에는 input 태그의 value 값을 설정해주는 것이 중요하다. 그러면 상태가 바뀌었을 때 input의 내용도 업데이트된다. 하지만 React에서는 value 속성만 지정하면 값이 입력되지 않는 현상이 있다. value 값에 의해서만 값이 변경되며, 사용자가 입력해도 input 값은 변경되지 않는다. 해당 문제는 onChange 이벤트를 등록하여 input을 수정할 수 있는 상태를 만들어서 해결이 가능하다. const [email, setEmail] = useState(''); const onChangeEmail = useCallback((e) => { setEmail(e.target.value); }, []); return ( )..