Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class NameForm extends React.Component {
- constructor(props) {
- super(props);
- this.state = {username: '', password: ''};
- this.handleChange = this.handleChange.bind(this);
- this.handleSubmit = this.handleSubmit.bind(this);
- }
- handleChange(event) {
- this.setState({username: event.target.value});
- }
- handleSubmit(event) {
- alert('A name was submitted: ' + this.state.username);
- event.preventDefault();
- }
- render() {
- return (
- <form onSubmit={this.handleSubmit}>
- <input type="text" placeholder="username" value={this.state.username} onChange={this.handleChange} required="required"/>
- <input type="text" placeholder="password" value={this.state.password} onChange={this.handleChange} required="required"/>
- <input type="submit" value="Submit"/>
- </form>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement