Passes test BUT crashes when input is typed

JavaScript
1

Tell us what’s happening:
When I run the test for Create a Controlled Input, my code passes the test. However, when I type anything into the input, the program crashes. The problem is in the arrow function expression. Of course, the program is not supposed to have it, but maybe the tests shouldn’t pass if the code isn’t functional? Just saying.

  **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(state => ({
    input: event.target.value
  }));
}
// Change code above this line
render() {
  return (
    <div>
      { /* Change code below this line */}
      <input value = {this.state.input} 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) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.5005.115 Safari/537.36

Challenge: Create a Controlled Input

Link to the challenge:

2

it’s an issue here
don’t put a function as argument of setState, give it an object

3

I understand. However, the issue was with the tests passing despite the code not being functional.

4

Thank you for helping make FCC better. Bugs can be reported as GitHub Issues. Whenever reporting a bug, please check first that there isn’t already an issue for it and provide as much detail as possible.

5

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