content: import React, { Component } from 'react';
  
  //This is incomplete...Its not rendering correctly
  export default class InputOnClick extends Component {
    constructor(props) {
      super(props);
  
      this.state = {
        value: '',
        input: '',
      };
  
      this.handleInputChange = this.handleInputChange.bind(this);
      this.handleInputSubmit = this.handleInputSubmit.bind(this);
    }
  
    handleInputSubmit(event) {
      event.preventDefault();
      this.setState({ input: this.state.value }, function () {
        this.setState({ value: '' });
      });
  
    }
  
    handleInputChange(event) {
  
      this.setState({ value: event.target.value });
    }
  
    render() {
  
      return (
          <form className='center'>
            <fieldset>
            <legend className='headingtext'>Example Input with Submit Button</legend>
              <input
              type='text'
              value= {this.state.value}
              onChange={this.handleInputChange.bind(this)}
              placeholder='type somethin special'
              ></input>
              <button
              className='btn btn-success'
              onClick={ this.handleInputSubmit.bind(this) }
              >Click</button>
            </fieldset>
          </form>
      );
  
    }
  }
  