Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class LoginPage extends React.Component {
- constructor(props) {
- super(props);
- this.setUser = this.setUser.bind(this);
- this.isFormValid = this.isFormValid.bind(this);
- this.state = {
- user: {
- username: '',
- password: ''
- }
- };
- }
- isFormValid() {
- console.log("is valid");
- let isValid = true;
- let errors = {};
- if (this.state.user.username.length <= 0) {
- errors.username = "Username cannot be blank";
- isValid = false;
- }
- if (this.state.user.password.length <= 0) {
- errors.password = "Password cannot be blank";
- isValid = false;
- }
- this.setState({ errors: errors });
- return isValid;
- }
- setUser(event) {
- let username = event.target.username;
- let password = event.target.password;
- this.setState({
- user: {
- username: username,
- password: password
- },
- errors: {}
- });
- }
- loginUser(event) {
- event.preventDefault();
- if (!this.isFormValid()) {
- return;
- }
- }
- render() {
- return (
- <LoginForm
- user={this.state.user}
- onChange={this.setUser}
- onLogin={this.loginUser} />
- );
- }
- Uncaught TypeError: Cannot read property 'isFormValid' of null
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement