From cd9759d90964c606a23840c81f8be3996baa3a39 Mon Sep 17 00:00:00 2001
From: mindongmindong <dcmin123@ajou.ac.kr>
Date: Sat, 18 Nov 2023 11:50:11 +0900
Subject: [PATCH] [Modify] Committing local changes
---
.../src/components/HomeParticipateForm.js | 59 +++++++++++++++++++
1 file changed, 59 insertions(+)
create mode 100644 react-whenMeet/src/components/HomeParticipateForm.js
diff --git a/react-whenMeet/src/components/HomeParticipateForm.js b/react-whenMeet/src/components/HomeParticipateForm.js
new file mode 100644
index 0000000..860dd7c
--- /dev/null
+++ b/react-whenMeet/src/components/HomeParticipateForm.js
@@ -0,0 +1,59 @@
+import { useState } from "react";
+import Input from "./Input";
+import Button from "./Button";
+import { useNavigate } from "react-router-dom";
+
+function HomeParticipateForm() {
+ const [name,setName] = useState("");
+ const [password,setPassword] = useState("");
+ const [email,setEmail] = useState("");
+ const navigate = useNavigate();
+
+ const handleName = (event)=>{
+ setName(event.target.value);
+ }
+ const handlePassword = (event)=>{
+ setPassword(event.target.value);
+ }
+ const handleEmail = (event)=>{
+ setEmail(event.target.value);
+ }
+
+ const handleSubmit = (event) => {
+ event.preventDefault();
+ name === "" ? alert('이름을 입력하세요') : navigate('UserTimeInfo');
+ };
+
+ return (
+ <form>
+ <div>
+ <h1>약속 Title</h1>
+ <Input
+ type="text"
+ value={name}
+ onChange={handleName}
+ placeholder="이름"
+ />
+ <Input
+ type="password"
+ value={password}
+ onChange={handlePassword}
+ placeholder="Password(선택)"
+ />
+ <Input
+ type="text"
+ value={email}
+ onChange={handleEmail}
+ placeholder="이메일(선택)"
+ />
+ <Button
+ type='submit'
+ text='다음'
+ onClick={handleSubmit}
+ />
+ </div>
+ </form>
+ );
+}
+
+export default HomeParticipateForm;
\ No newline at end of file
--
GitLab