
<fieldset className={style.fieldset}>
<input id="check" type="checkbox" checked />
<label htmlFor="check" onClick={checkedHandle}>
Remember Me
</label>
</fieldset>
체크박스에 “onClick”핸들러를 통해 조건에 따라 checked 값을 주는 식으로 로직을 짜면 위와 같은 에러가 발생한다. checked 값을 핸들링하려면 “onChanged”핸들러를 사용해야하기 때문이다.
📌 해결책1.
onClick → onChange
📌 해결책2.
onClick핸들러를 사용하고 싶다면, readOnly 키워드를 붙이거나 checked 속성 대신 defaultChecked를 사용한다.