Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- export default class Login extends Component {
- constructor(props){
- super(props);
- this.state={
- username: '',
- password: ''
- }
- this.handleInputChange = this.handleInputChange.bind(this);
- }
- handleInputChange(event) {
- const username = event.target.username;
- const password = event.target.password;
- this.setState({
- [name]: value
- });
- }
- render(){
- return(
- <div>
- <form>
- <div className="form-group">
- <input value={this.state.username} onChange={this.handleInputChange} className="form-control" type="text" name="email" placeholder="Enter email"/>
- </div>
- <div className="form-group">
- <input value={this.state.password} onChange={this.handleInputChange} className="form-control" type="password" name="password" placeholder="Password"/>
- </div>
- <button className="btn btn-primary" type="submit">Login</button>
- </form>
- </div>
- )
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement