React: Create a Controlled Input - not verifying

JavaScript
1

So when testing everything works as I think it’s intended, but the test throws me the error that

Typing in the input element should update the state and the value of the input, and the

p

element should render this state as you type.
apparently isn’t fulfilled. Am I not seeing something here?

My 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 value={this.state.value} 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 (Windows NT 10.0; Win64; x64; rv:73.0) Gecko/20100101 Firefox/73.0.

Challenge: Create a Controlled Input

Link to the challenge:
https://www.freecodecamp.org/learn/front-end-libraries/react/create-a-controlled-input

2

Hello @Thaiten

Welcome to the forum.
I think so there is no key named as value in the state which you have assigned to the value attribute in the input tag.
Hope changing that fixes it.

Happy coding.

3

Yup, that did the trick… I’m just an idiot sometimes ^^