LogInPage.js 2.49 KB
Newer Older
우지원's avatar
ul    
우지원 committed
1
import React, { useState } from 'react';
2
import { Button, Form, Container, Navbar } from 'react-bootstrap';
우지원's avatar
ul    
우지원 committed
3
import { Link } from 'react-router-dom';
Choi Ga Young's avatar
Choi Ga Young committed
4
import Menu from '../Components/Menu';
우지원's avatar
ul    
우지원 committed
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

function LogIn() {
    const [validated, setValidated] = useState(false);

    const handleSubmit = (event) => {
        const form = event.currentTarget;
        if (form.checkValidity() === false) {
            event.preventDefault();
            event.stopPropagation();
        }

        setValidated(true);
    };

    return (
20
        <>
Choi Ga Young's avatar
Choi Ga Young committed
21
            <Menu />
22
23
24
25
26
27
28
29
30
31
32
33
34
35
            <Form noValidate validated={validated} onSubmit={handleSubmit}>
                <Container className="d-flex justify-content-center">
                    <div className="mt-5 p-5 shadow w-75">

                        <h2 className="text-center ">로그인</h2>

                        <Form.Group controlId="formGroupEmail">
                            <Form.Label>이메일</Form.Label>
                            <Form.Control
                                required
                                type="text"
                                placeholder="이메일을 입력해주세요" />
                            <Form.Control.Feedback type="invalid">
                                필수 정보입니다! 이메일을 입력해주세요!
우지원's avatar
ul    
우지원 committed
36
                        </Form.Control.Feedback>
37
38
39
40
41
42
43
44
45
46
                        </Form.Group>

                        <Form.Group controlId="formGroupPassword">
                            <Form.Label>비밀번호</Form.Label>
                            <Form.Control
                                required
                                type="text"
                                placeholder="비밀번호를 입력해주세요" />
                            <Form.Control.Feedback type="invalid">
                                필수 정보입니다! 비밀번호를 입력해주세요!
우지원's avatar
ul    
우지원 committed
47
                        </Form.Control.Feedback>
48
49
50
51
52
53
54
55
56
57
58
59
60
                        </Form.Group>

                        <Link to="./homepage">
                            <Button type="submit" variant="outline-success" size="lg" className="mr-4" block>로그인</Button>
                        </Link>

                        <Link to="./signuppage">
                            <h6 type="button" className="text-right mt-2" style={{ cursor: 'pointer' }}>회원가입</h6>
                        </Link>
                    </div>
                </Container>
            </Form>
        </>
우지원's avatar
ul    
우지원 committed
61
62
63
64
65
66
67
    );
}

//render(<LogIn />);


export default LogIn