React:Create a Controlled Input

Hello I have a issue with this lesson. I don’t understand how my code don’t pass

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={this.handleChange()} />
        { /* Change code above this line */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};

Hi @kakadhinio

Recall from ‘Write a simple counter’, you don’t need to include the parentheses when calling a function.

onClick={this.increment}

Happy coding

1 Like