본문 바로가기

Web Dev/react.js

Warning: A component is changing an uncontrolled input to be controlled. 리엑트 인풋 에러 해결 방법

반응형

개발한 화면

게시판 개발을 하는데 

해당 에러가 발생한다 

input 태그 쪽에서 발생하는 건 확실하다

테스트에는 전혀 문제가 없지만 해당 에러가 불편하다 . 

 페이지 화면이 렌더링 될 때 input 태그에 undefined 값이 들어가서 발생하는 문제이다 

이러면 그냥 

 

그래서 일단 인풋에 || 연산자로 undefined일 때 공백을 지정해주면 에러가 없어질 것이다.

 하지만 영 맘에 안든다 코드가 더러워 보인다. 

그러면 useEffect 을 사용할 수 있지 않을까 ? 

 

반응형