import React, { useState } from 'react'; import axios from 'axios' import { Form, Col, Container, Button, Row, Alert } from 'react-bootstrap' import catchErrors from '../utils/catchErrors' import { Redirect } from 'react-router-dom'; const INIT_USER = { name: '', number: '', id: '', password: '', password2: '', tel: '' } function Signup() { const [user, setUser] = useState(INIT_USER) const [error, setError] = useState('') const [success, setSuccess] = useState(false) const [validated, setValidated] = useState(false); function handleChange(event) { const { name, value } = event.target setUser({ ...user, [name]: value }) } async function handleSubmit(event) { event.preventDefault() const form = event.currentTarget; if (form.checkValidity() === false) { event.preventDefault(); event.stopPropagation(); } setValidated(true); console.log(user) try { setError('') const response = await axios.post('/api/users/signup', user) console.log(response.data) setSuccess(true) } catch (error) { catchErrors(error, setError) } } function checkPassword(event) { const p1 = user.password const p2 = user.password2 if (p1 !== p2) { event.preventDefault(); event.stopPropagation(); alert('비밀번호가 일치하지 않습니다.') return false } else { return true } } if (success) { alert('회원가입 되었습니다.') return } return (

Sign Up

{error && {error} }
이 름 이름을 입력하세요. 주민등록번호 - ****** 주민등록번호를 입력하세요. 아이디 아이디를 입력하세요. 비밀번호 비밀번호를 입력하세요. 비밀번호 확인 비밀번호를 한번 더 입력하세요. 휴대전화 휴대전화를 입력하세요.
) } export default Signup