I can not understand. Can you please help me

Tell us what’s happening:
Describe your issue in detail here.

  **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(e) {
  this.setState({
    input: e.target.value
  })
}
// change code above this line
render() {
  return (
    <div>
      { /* change code below this line */}
      <input type="text" onChange={this.handleChange} value={this.state.value} />
      { /* change code above this line */}
      <h4>Controlled Input:{this.state.input}</h4>
      <p>{this.state.input}</p>
    </div>
  );
}
};
  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.159 Safari/537.36

Challenge: Create a Controlled Input

Link to the challenge:

You’re missing the brackets after the function name. And also the element inside it.

Hi @tungduong974 !

Welcome to the forum!

The issue is here

You don’t have a this.state.value here

As you can see you only have an input.

You need to change this line

to be this.state.input.

Then it will pass

thanks alot it makes my day

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