Advertisement
Guest User

Untitled

a guest
Mar 6th, 2017
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.22 KB | None | 0 0
  1. class LoginPage extends React.Component {
  2. constructor(props) {
  3. super(props);
  4. this.setUser = this.setUser.bind(this);
  5. this.isFormValid = this.isFormValid.bind(this);
  6. this.state = {
  7. user: {
  8. username: '',
  9. password: ''
  10. }
  11. };
  12. }
  13.  
  14. isFormValid() {
  15. console.log("is valid");
  16. let isValid = true;
  17. let errors = {};
  18.  
  19. if (this.state.user.username.length <= 0) {
  20. errors.username = "Username cannot be blank";
  21. isValid = false;
  22. }
  23. if (this.state.user.password.length <= 0) {
  24. errors.password = "Password cannot be blank";
  25. isValid = false;
  26. }
  27.  
  28. this.setState({ errors: errors });
  29. return isValid;
  30. }
  31.  
  32.  
  33.  
  34. setUser(event) {
  35. let username = event.target.username;
  36. let password = event.target.password;
  37. this.setState({
  38. user: {
  39. username: username,
  40. password: password
  41. },
  42. errors: {}
  43. });
  44. }
  45.  
  46. loginUser(event) {
  47. event.preventDefault();
  48.  
  49. if (!this.isFormValid()) {
  50. return;
  51. }
  52. }
  53. render() {
  54. return (
  55. <LoginForm
  56. user={this.state.user}
  57. onChange={this.setUser}
  58. onLogin={this.loginUser} />
  59. );
  60. }
  61.  
  62. Uncaught TypeError: Cannot read property 'isFormValid' of null
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement