A simple form

form.jsx

class Form extends React.Component {
  state = {name: ""};

  handleNameChange = e => {
    this.setState({
      name: e.currentTarget.value
    });
  };

  render() {
    return (
      <div>
        Name:{" "}
        <input
          type="text"
          value={this.state.name}
          onChange={this.handleNameChange}
        />
        <div
          style={{
            marginTop: "0.5em",
            textAlign: "right"
          }}
        >
          <button onClick={e => this.props.onSubmit(this.state)}>Submit</button>
        </div>
      </div>
    );
  }
}