a component is changing an uncontrolled input of type text to be controlled. 'value' prop on 'input' should not be null.

아마도 많은 사람들이 저랑 같은 상황을 언젠가 마주치지 않으실까 싶어서 공유합니다. 리액트로 form을 코딩하실 때에 제목과 같은 에러를 마주치실 일이 종종 있으실 겁니다. 그 이유를 찾지 못해 구글링과 Stackoverflow를 뒤지다가 문득 아이디어가 떠올랐습니다. 그냥 개발자 화면에 떠있는 에러 문구 자체의 의미를 좀더 깊게 생각해보자 라는 생각이었으며, 이슈 해결 후 방법 공유합니다. 위와 같은 에러가 발생하였으며 원인은 제가 value={this.props.value} 혹은 value={this.props.value || ''} 위와 같은 방법으로 문제를 해결하려 했다는 점입니다. 만약 value={this.props.value == null? "" : this.props.value} 와 같이 ..