入力フィールドの数や項目を動的に変化させたい場合、React Hook FormというライブラリのuseFieldArrayというフックを実装することで実現可能です。なお、UIライブラリとしてはMUI v.5を利用します。

Yupのようなバリデーションライブラリを使わずとも、React Hook Form (RHF)で基本的なバリデーションは可能ですので、その方法を解説します。なお、UIライブラリとして、MUIを使っています。

モダンなデザインのログイン画面やユーザー登録フォームなどを実装したい場合、React Hook FormとMUIの組み合わせが候補の一つかと思います。今回はその方法、使い方について解説します。