loginPage.js

import React from "react";
import { Link } from "react-router-dom";
import registerPage from "./registerPage";




class LoginPage extends React.Component {
    constructor(props) {
        super(props);
        this.state = {
            email: "",
            password: ""
        };
        this.handleEmailChange = this.handleEmailChange.bind(this);
        this.handlePasswordChange = this.handlePasswordChange.bind(this);
        this.handleLogin = this.handleLogin.bind(this);
    }

    handleEmailChange(event) {
        this.setState({ email: event.target.value });
        console.log(event.target.value);
      
    }
    handlePasswordChange(event) {
        this.setState({ password: event.target.value });
        console.log(event.target.value);
    }

    handleLogin(event) {
        let data = {
            email: this.state.email,
            password: this.state.password
        };
        console.log(data);
        // this.props.onLogin(data);
    }

    render() {
        return (
            <div>
           
                <form className="homePageForm">
                    Email<input type="email" onChange={this.handleEmailChange} /><br />
                    Password<input type="password" onChange={this.handlePasswordChange} /><br />
                    <input type="button" onClick={this.handleLogin} value="Login" />
                </form>
               

            </div>
        );
    }
}

export default LoginPage;