React checkbox가 한 번의 클릭으로 전환되지 않음

【곤란한 일】

<input type="checkbox"> 에서 체크 박스를 작성했을 때, 왠지 더블 클릭하지 않으면 표시가 바뀌지 않았습니다.
→ →

【원인】

input 탭내의 onChange 함수에 event.preventDefault() 를 기술하고 있었던 것이 원인이었습니다.

【내용】

한 번의 클릭으로 전환하지 않음
→ →

const test = event => {
  event.preventDefault()
  console.log("you clicked!")
}

return(
    <input type="checkbox" onChange={test}>
)

한 번의 클릭으로 전환
→

const test = event => {
  console.log("you clicked!")
}

return (
    <input type="checkbox" onChange={test}>
)

【정리】

근본적인 원인은 event.preventDefault() 를 이해하지 않고 사용하고 있었던 것입니다.
preventDefault()의 적당한 사용 주위는 피합시다(자계).

참고: