diff options
Diffstat (limited to 'src/SignUpConfirm.tsx')
-rw-r--r-- | src/SignUpConfirm.tsx | 33 |
1 files changed, 33 insertions, 0 deletions
diff --git a/src/SignUpConfirm.tsx b/src/SignUpConfirm.tsx new file mode 100644 index 0000000..295bad6 --- /dev/null +++ b/src/SignUpConfirm.tsx @@ -0,0 +1,33 @@ +import './SignUp.css' +import { useLocation, Navigate } from 'react-router-dom'; +import { Form } from './signUpSchema' + +export const SignUpConfirm = () => { + const location = useLocation() + + const form = location.state as Form | null; + + // form1 のデータがない場合は form1 にリダイレクトする + if (form === null) { + return <Navigate replace to="/sign-up/form1" /> + } + + return ( + <> + <h1>会員登録 確認画面</h1> + <div> + <h2>あなたの情報</h2> + <div className="signUpForm"> + <p>お名前: {form.name}</p> + <p>名前カナ: {form.kana}</p> + <p>電話番号: {form.tel1}-{form.tel2}-{form.tel3}</p> + </div> + <h2>ログイン関連の情報</h2> + <div className="signUpForm"> + <p>メールアドレス: {form.email}</p> + <p>パスワード: セキュリティ上の理由のため非表示</p> + </div> + </div> + </> + ); +} |