[React Error/리액트 에러]A component is changing a controlled input of type text to be uncontrolled. Input elements should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled input element f..

input type='checkbox' element에 value값을 할당했는데 아래와 같은 에러가 발생

A component is changing a controlled input of type text to be uncontrolled.
Input elements should not switch from controlled to uncontrolled (or vice versa). 
Decide between using a controlled or uncontrolled input element 
for the lifetime of the component.

 

 

원인

value에  undefined 값이 들어가면서 컨트롤할 수가 없어 발생함.

해결법

value가 undefined 일때 빈 값이 할당될 수 있도록

value={value || ''}

이렇게 처리해주면 된다.
value가 있으면 value값이, 없으면 '' (빈값)이 할당된다!