Possible broken lesson

JavaScript
1

Hi there,

I’m trying to complete the lesson found at:

With my solution of:

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() {
    this.setState({
      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.bind(this)}/>
        { /* Change code above this line */}
        <h4>Controlled Input:</h4>
        <p>{this.state.input}</p>
      </div>
    );
  }
};

It appears to work, however it is failing the test. Please could you advise if it’s me or the page? I’ve checked it against “Get a hint” and it seems to agree with my code.

Thank you!

2

Hello there,

Can you see anything missing here:

handleChange() {
    this.setState({
      input: event.target.value
    });
  }

Hope this helps

3

Oh… the event?
If so, that was a pretty stupid mistake!

Edit: Yup, that was it. Thank you!

4

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