Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, {Component} from 'react';
- import 'bootstrap/dist/css/bootstrap.css';
- import Link from 'next/link';
- import Router from 'next/router';
- import { Container, Col, Button, Form, FormGroup, Label, Input } from 'reactstrap';
- export default class SignInPage extends Component {
- state = {
- email: '',
- password: '',
- };
- onEmailChanged = user => {
- this.setState({ email: user.target.value })
- console.log(this.state.email);
- localStorage.setItem('email', JSON.stringify(this.state.email));
- //console.log(JSON.stringify(this.state.email));
- }
- onPasswordChanged = user => {
- this.setState({ password: user.target.value })
- localStorage.setItem('password', JSON.stringify(this.state.password));
- }
- handleSubmit = user => {
- user.preventDefault();
- const em = localStorage.getItem('email');
- const pas = localStorage.getItem('password');
- console.log(em);
- console.log(em.length);
- console.log(pas);
- console.log(pas.length);
- Router.push('/home');
- }
- render() {
- return (
- <div className = "col-md-6">
- <Container className = "App">
- <h2>Sign In</h2>
- <Form className = "form" onSubmit = {this.handleSubmit}>
- <FormGroup>
- <Label>Email</Label>
- <input type="text" className = "form-control" placeholder="Email" value = {this.state.email}
- onChange = {this.onEmailChanged}/>
- </FormGroup>
- <FormGroup>
- <Label>Password</Label>
- <Input type="text" className = "form-control" placeholder="Password" value = {this.state.password}
- onChange = {this.onPasswordChanged}/>
- </FormGroup>
- <Button type="submit" className="btn btn-primary btn-block">Sign In</Button>
- <p className="forgot-password text-center">
- Don't have an account yet? <Link href="signUp">Sign up</Link>
- </p>
- </Form>
- </Container>
- </div>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement