issue(対応しているissueを貼る！)

【認証機能】アカウント登録 #6

概要

アカウント登録ページで、フォーム要素をreact-hook-formを使ってリファクタリングした。

react-hook-formのインポート
フォームの入力データの型定義 (type)
各要素に対して、以下のバリデーションを追加した。ユーザー名 (空白でない) メールアドレス (空白でない &&「正しいメールアドレスの形式(@ドメインの形式)」) パスワード (6文字以上) パスワード再確認 (6文字以上 && 同じパスワード値) 名前 (空白でない) 住所 (空白でない) ERDでは都道府県、市区町村...と詳細分割されていますがどう処理すればいいかわからぬままだったので一旦シンプルに住所で統一しました。必要であれば適宜修正します。ユーザータイプ (選択されてる) 郵便番号 (空白でない && 半角数値である) ハイフンの判定も検討しましたが一旦シンプルに数値入力だけにしました 電話番号 (空白でない && 半角数値である) ハイフンの判定も検討しましたが一旦シンプルに数値入力だけにしました
バリデーションエラーのメッセージを、onBlur modeでラベルの隣に表示させる。
バリデーションが通らない限り、SubmitボタンをDisabledにする。
フォーム内の要素を変えた都合でSCSSを適宜変更
フロント側の開発となるので、Submit後の処理(backend?)はまだ未実装です。

(例)