Guest User

Untitled

a guest
Jan 21st, 2019
77
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.19 KB | None | 0 0
  1. class SigninInput extends Component {
  2. constructor(props) {
  3. super(props);
  4. this.state = {
  5. email: "",
  6. password: ""
  7. }
  8. }
  9.  
  10. handleOnChange = event => {
  11. this.setState({
  12. [event.target.name]: event.target.value
  13. })
  14. }
  15.  
  16. handleSubmit = (event) => {
  17. event.preventDefault();
  18. this.props.authenticate(this.state);
  19. }
  20.  
  21. render() {
  22. return (
  23. <div>
  24. <div className='signinInput'>
  25. <form onSubmit={event => this.handleSubmit(event)} >
  26.  
  27. <label htmlFor='signin-email'>Email</label><br></br>
  28. <input id='sigin-email' onChange={event => this.handleOnChange(event)} name='email' type='text' value={this.state.email}/>
  29.  
  30. <label htmlFor='signin-password'>Password</label>
  31. <input id='signin-password' onChange={event => this.handleOnChange(event)} name='password' type='password' value={this.state.password}/>
  32.  
  33. <input className='btn btn-primary' type='submit' value='Sign in'/>
  34. </form>
  35. </div>
  36. </div>
  37. )
  38. }
  39. }
  40.  
  41. export default SigninInput
Add Comment
Please, Sign In to add comment