React Hook Form v7でMaterial UI v4のCheckboxを制御

React Hook FormでMaterial UIのCheckboxを制御でReact Hook Form v6でMaterial UIのCheckboxを制御する方法を紹介しました。

その後、React Hook Form v7がリリースされた。
React Hook Form v7でMaterial-UIを制御する方法が少し変わりましたので、Material UI v4のCheckboxを制御する方法をtypescriptでご紹介します。

今回ご紹介するCheckboxの制御仕様も前回と同じで以下の通りです。

  • 初期値(デフォルトチェック)に対応
  • チェックボックスの値の変更を制御
  • Material UIを使ってCheckboxグループを設置(同じnameで複数設置)

そして完成したチェックボックスのフォームが以下のフォームです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

エンジニアを目指す方必見!おすすめプログラミングスクール

最短でエンジニアになるには、いかに効率よく学習するかが重要です。モチベーションを維持しながら最短でエンジニアを目指すならプログラミングスクールを利用するのもおすすめです。

目次
閉じる