Create a Controlled Input - Solve problem about 'target' is undefined'

JavaScript
1 
class ControlledInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: ''
    };
    // Change code below this line
this.handleChange = this.handleChange.bind(this)
    // Change code above this line
  }

  // Change code below this line
handleChange(event) {
    this.setState({
      input: event.target.value
    });
}

  // Change code above this line
  render() {
    return (
      <div>
        { /* Change code below this line */}
        <input value={this.state.input} onChange={(e) => this.handleChange(e)} />
        { /* Change code above this line */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};

Editing in **render() ** for browser can understand ‘target’ attribute of input!

<input value={this.state.input} onChange={(e) => this.handleChange(e)} />