React input radio default checked 설정(리액트 radio 기본값)

 

[문제]

리액트(React)에서 체크박스(Checkbox) 사용 시 에러가 발생.

input type으로 checkbox를 쓸 때(radio 타입 포함) onClick 핸들러를 제공하고 checked 값을 설정하는 식으로 하면 에러가 발생한다.

 

[ 해결방법 ]

1) onClick 핸들러를 없애고 onChange 핸들러를 사용한다.

2) onClick 핸들러를 그대로 두고 싶으면 readonly 키워드를 붙이거나 checked 속성 대신 defaultChecked를 사용한다.