import React, { Component } from "react";

class Form extends Component {
  state = {
    username: "",
    comment: ""
  };
  handleUsernameChange = event => {
    this.setState({
      username: event.target.value
    });
  };

  handleCommentChange = event => {
    this.setState({
      comment: event.target.value
    });
  };

  handleSubmit = event => {
    event.preventDefault();
  };
  render() {
    return (
      <form onSubmit={this.handleSubmit}>
        <div>
          <label>Your Name</label>
          <input
            type="text"
            value={this.state.username}
            onChange={this.handleUsernameChange}
          />
          <div>
            <label>Comment</label>
            <textarea
              value={this.state.comment}
              onChange={this.handleCommentChange}
            ></textarea>
          </div>
          <button type="submit">Submit</button>
        </div>
      </form>
    );
  }
}

export default Form;