[React] You provided a 'checked' prop to a form field without an 'onChange' handler.

기본 html input checkbox를 span과 label을 onClick 이벤트를 이용해서 커스텀을 했더니 에러 메세지가 떴다. 

 

You provided a 'checked' prop to a form field without an 'onChange' handler.

너는 checked prop을 onChange 이벤트 핸들러 없이 썼다.

---

이유

input checked를 사용하려면 onChange를 이용해서 사용해야하기 때문이다.

 

1. onChange를 사용하거나
2. 속성으로 readonly를 넣어주거나
3. checked속성 대신 defaultChecked를 사용하면 된다.

나는 readonly를 사용해서 해결했다.

 

참고1

참고2