Lodin code

import React, { Component } from 'react'
import './Login.css';
import axios from 'axios'

const REGISTER_URL = ''



const initiaState = {

        username: '',
        password: ''
  }

class Login extends Component {

    constructor(props){
        super(props);

        this.myLogin = React.createRef()

        this.state = {
         ...initiaState
        }
    }

    changeHandler = (event) => {
      console.log("name: "+event.target.name+" value: "+event.target.value)
      this.setState({
        [event.target.name]: event.target.value
      })
    }

    loginHandler = (event) =>{
      const {

        username,
        password,

      } = this.state;


      const postData = {


      username : username,
      password : password,

    };

    event.preventDefault()
    this.myLogin.current.reset()

    axios.post(REGISTER_URL,postData)
    .then(res =>{
      console.log(res);
      if(res.data.code == 200){
        console.log("Successful Login");
      }

    })
    .catch(error =>{
      console.log("ERROR::: "+error)
    })


    this.setState({
      ...initiaState
    });


    }


    registerHandler(){
        this.props.registerClickHandler();
    }
    render(){
        return(
            <div className="Login-box">
            <form ref = {this.myLogin}  className="Form" onLogin={this.loginHandler }>
            <div className ="form-group">
                  <label htmlFor="email" > Username: </label>
                   <input
                   className = "from-control ml-4"
                   type="text"
                   placeholder = '  Enter Your Username '
                   name = "username"
                   id = "username"
                   value = {this.state.username}
                   onChange = {this.changeHandler}

                   />
                </div>

                <div className ="form-group">
                  <label htmlFor="password" className="mr-4"> Password: </label>
                   <input
                   className = "from-control ml-2"
                   type="password"
                   placeholder = '  Enter Your Password '
                   name = "password"
                   id = "password"
                   value = {this.state.password}
                   onChange = {this.changeHandler}

                   />
                </div>



                <button className = "btn btn-primary" type="login" value="Login"> Login </button>
                <p>Create new account?
                    <button className = "btn btn-primary mr-4"
                    onClick={event=>this.registerHandler()}
                    type="register"
                    value="Register">
                    Register
                    </button>
                </p>


            </form>
            </div>
        )
    }
}
export default Login;