class Form extends React.Component
{

  state = {
    name: '',
    email: '',
    password: ''
  }

  handleChange = event => {
    this.setState({ name: event.target.value });
    this.setState({ email: event.target.value });
    this.setState({ password: event.target.value });
  }

  handleSubmit = event => {
    event.preventDefault();

    const user = {
      name: this.state.name,
        email: this.state.email,
          password: this.state.password
    };

    axios.post('http://localhost:56364/api/Registration', { user })
      .then(res => {
        console.log(res);
        console.log(res.data);
      })
    };

render(){


  return(
  <div>
    <form onSubmit={this.handleSubmit} className="form-size">
      <div className="form-group form-group--abs">
        <div className="rel">
          <input name="name"   type="text" onChange={this.handleChange} required/>
          <label>imię</label>
        </div>
      </div>
      <div className="form-group form-group--abs">
        <div className="rel">
          <input type="password"   name="password" onChange={this.handleChange} required/>
          <label>hasło</label>
        </div>
      </div>
      <div className={classNames("form-group  form-group--abs", {"input-add":this.state.show})}>
        <div className="rel">
          <input type="e-mail" name="email" onChange={this.handleChange} required/>
          <label>e-mail</label>
        </div>
      </div>
        <input type="submit" className="btn-style-prim"  value="Zaloguj się"/>
      </div>
    </form>
  </div>

  );
}
}