Why my code is'nt working?

JavaScript
1

Tell us what’s happening:

   **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(event){
 this.setState(
   {input :  event.target.value})
 
}
 // Change code above this line
 render() {
   return (
     <div>
       { /* Change code below this line */}
<input onChange={this.handleChange} value={this.state.value}/>
       { /* Change code above this line */}
       <h4>Controlled Input:</h4>
       <p>{this.state.input}</p>
     </div>
   );
 }
};

   **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36.

Challenge: Create a Controlled Input

Link to the challenge:

2

Check what you’re using for value in input element.

3

thanks pal I discovered that after one day but forget to remove question

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.