Advertisement
Guest User

Untitled

a guest
Jan 3rd, 2017
109
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.00 KB | None | 0 0
  1. class SignUpForm extends React.Component {
  2. constructor(props) {
  3. super(props);
  4. this.state = {
  5. username: '',
  6. email: '',
  7. password: ''
  8. };
  9. }
  10.  
  11. handleChange(field) {
  12. return (e) => {
  13. this.setState({...this.state, [field]: e.target.value});
  14. };
  15. }
  16.  
  17. handleSubmit(e) {
  18. e.preventDefault();
  19. this.props.onSubmit(this.state);
  20. }
  21.  
  22. render() {
  23. return (
  24. <form onSubmit={this.handleSubmit.bind(this)}>
  25. <input type="text"
  26. value={this.state.username}
  27. onChange={this.handleChange('username').bind(this)}
  28. placeholder="Username" />
  29. <input type="text"
  30. value={this.state.email}
  31. onChange={this.handleChange('email').bind(this)}
  32. placeholder="Email" />
  33. <input type="password"
  34. value={this.state.password}
  35. onChange={this.handleChange('password').bind(this)}
  36. placeholder="Password" />
  37. <input type="submit" value="Sign Up!!"/>
  38. </form>
  39. );
  40. }
  41. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement