React create a controlled input works but fails the test

As i mentioned in the title, functionality is OK but my code fails to pass the test. I can’t figure out why.
Any help?

Thanks

 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) {
    let {name, value} = event.target
    this.setState({[name] : value})
  }
  // change code above this line
  render() {
    return (
      <div>
        { /* change code below this line */}
          <input type="text" name="input" placeholder="text goes here" value={this.state.input} onChange={this.handleChange} />
        { /* change code above this line */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};


Looks like tests expect you to have

this.setState({input : value}) // not [name]

although your code is perfectly fine.

1 Like