Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from 'react';
- class LoginForm extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- username: '',
- password: ''
- };
- this.handleUsernameChange = this.handleUsernameChange.bind(this);
- this.handlePasswordChange = this.handlePasswordChange.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
- handleUsernameChange(event) {
- this.setState({
- username: event.target.value
- });
- }
- handlePasswordChange(event) {
- this.setState({
- password: event.target.password
- });
- }
- handleSubmit(event) {
- }
- render() {
- return (
- <form onSubmit={this.handleSubmit}>
- <label> Username
- <input type="text" value={this.state.username}
- onChange={this.handleUsernameChange} />
- </label>
- <label> Password
- <input type="password" value={this.state.password}
- onChange={this.handlePasswordChange} />
- </label>
- <input type="submit" value="Submit" />
- </form>
- );
- }
- }
- export default LoginForm;
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement