문제
에러 문구
Warning: You provided a checked prop to a form field without an onChange handler. This will render a read-only field. If the field should be mutable use defaultChecked. Otherwise, set either onChange or readOnly.
input type으로 checkbox를 사용할 때 onClick 핸들러를 제공하고 checked 값을 설정하는 방식으로 코드를 작성하면 위와 같은 경고 문구가 발생한다.
해결 방법
- onClick 핸들러를 없애고, onChange 핸들러를 사용.
- onClick 핸들러를 그대로 사용하고 싶은 경우에는 readonly 키워드를 붙이거나 checked 속성 대신 defaultChecked를 사용.
