react input Element 값 입력불가 이슈 해결법

현상

 react에서 value 속성만 지정하면 값이 입력되지 않는 현상이 발생하였다.

 

input값 입력 안됨

 

원인

확인해 보니 input Element에 value 속성만 지정하면 value 속성으로만 값을 컨트롤할 수 있는 권한이 있기 때문에(사용자가 값을 입력하는 권한이 없게 됨) input 안에 값이 입력되지 않는 현상이 발생하게 된다.

 

 

 

해결방법

 onChange를 써서 input Element에 값을 수정할 수 있게 해줘야 한다.(setAuthor 부분 참고)