Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
173
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. import React, {Component} from 'react';
  2. import 'bootstrap/dist/css/bootstrap.css';
  3. import Link from 'next/link';
  4. import Router from 'next/router';
  5. import { Container, Col, Button, Form, FormGroup, Label, Input } from 'reactstrap';
  6.  
  7. export default class SignInPage extends Component {
  8.   state = {
  9.     email: '',
  10.     password: '',
  11.   };
  12.  
  13.   onEmailChanged = user => {
  14.     this.setState({ email: user.target.value })
  15.     console.log(this.state.email);
  16.     localStorage.setItem('email', JSON.stringify(this.state.email));
  17.     //console.log(JSON.stringify(this.state.email));
  18.   }
  19.  
  20.   onPasswordChanged = user => {
  21.     this.setState({ password: user.target.value })
  22.     localStorage.setItem('password', JSON.stringify(this.state.password));
  23.   }
  24.  
  25.   handleSubmit = user => {
  26.     user.preventDefault();
  27.     const em = localStorage.getItem('email');
  28.     const pas = localStorage.getItem('password');
  29.     console.log(em);
  30.     console.log(em.length);
  31.     console.log(pas);
  32.     console.log(pas.length);
  33.     Router.push('/home');
  34.   }
  35.  
  36.   render()  {
  37.     return (
  38.         <div className = "col-md-6">
  39.           <Container className = "App">
  40.                 <h2>Sign In</h2>
  41.                 <Form className = "form" onSubmit = {this.handleSubmit}>
  42.                       <FormGroup>
  43.                         <Label>Email</Label>
  44.                         <input type="text" className = "form-control" placeholder="Email" value = {this.state.email}
  45.                   onChange = {this.onEmailChanged}/>
  46.                       </FormGroup>
  47.                       <FormGroup>
  48.                         <Label>Password</Label>
  49.                         <Input type="text" className = "form-control" placeholder="Password" value = {this.state.password}
  50.                   onChange = {this.onPasswordChanged}/>
  51.                       </FormGroup>
  52.                   <Button type="submit" className="btn btn-primary btn-block">Sign In</Button>
  53.                     <p className="forgot-password text-center">
  54.                         Don't have an account yet? <Link href="signUp">Sign up</Link>
  55.                    </p>          
  56.                </Form>
  57.              </Container>
  58.        </div>
  59.    );
  60.  }
  61. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement