Im changing the state

Tell us what’s happening:

The Code is right don’t understand why I cant move on?

Your code so far


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(){
  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>
   );
 }
};

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/86.0.4240.198 Safari/537.36.

Challenge: Create a Controlled Input

Link to the challenge:

You need to add the event parameter to the handleChange method.

1 Like