[React 리액트] react-dom.development.js:67 Warning: You provided a `value` prop to a form field without an `onChange` handler 해결

[ 문제 ]

react-dom.development.js:67 Warning: You provided a `value` prop to a form field without an `onChange` handler. This will render a read-only field. If the field should be mutable use `defaultValue`. Otherwise, set either `onChange` or `readOnly`.

<input> 태그 사용시 value속성이 고정값이 아니라 나는 에러!

 

[ 해결1 ]

value 속성이 변하지 않는 값일 때:

input태그에 readOnly 속성을 추가해주면 경고창이 사라진다.

 

 

[ 해결2 ]

value 속성이 변하는 값일때:

value 속성이름을 defaultValue 속성으로 변경한다.