Hint not working

Tell us what’s happening:

I followed the hint for this challenge, but I am only seeing two separate chunks of code to input, while there are 3 input areas. Am I missing something here?

  **Your code so far**

class ControlledInput extends React.Component {
constructor(props) {
  super(props);
  this.state = {
    input: ''
  };
  // Change code below this line
  
  handleChange(event)
  {this.set.state ({
    input: event.target.value
  });
  }

  // Change code above this line
}
// Change code below this line

//what goes here?

// Change code above this line
render() {
  return (
    <div>
      { /* Change code below this line */}
        <input value = {this.state.input} onChange = {this.handleChange.bind(this)}/>


      { /* 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/89.0.4389.90 Safari/537.36.

Challenge: Create a Controlled Input

Link to the challenge:

Hi @nunju,

this.handleChange.bind(this) needs to be inside the constructor{ } and the handleChange function needs to be written outside it.

Hope this helps.

2 Likes

Ok, yeah…that makes sense now. Thanks for your help! Guess I was confused at the order that the hint was written in.

1 Like

Isn’t it

this.setState(...)

Yeah, you are right, it’s

this.setState( . . .)

I realized my mistake yesterday when I was looking at my code again and meant to mention it in my comment back for other’s future reference but it slipped my mind.

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