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()の適当な使いまわしは避けましょう(自戒)。

参考：