React-Hook-Form APIを使って、ボタンによるフォーム値の操作を行ってみた | DevelopersIO

こんにちは。データアナリティクス事業本部 サービスソリューション部の北川です。 react-hook-formはReact用のフォームバリデーションライブラリになります。一から実装するよりも、フォーム値の管理や検証が容易になります。ドキュメントも見やすく、人気の高いライブラリです。 今回は、react-hook-formで提供されているAPIをいくつか使用して、ボタンによるフォームの操作を、簡単にまとめてみました。 基本的な使用方法 Next.jsプロジェクトを作成します。 npx create next-app --ts プロジェクトに移動し、react-hook-formをインストールします。 yarn add react-hook-form register react-hook-formでは、useFormフックを使用して、フォームの値を管理します。 register()の引数に、