Please spot out my mistake,I'm stuck in Create a Controlled Input

JavaScript
1

Tell us what’s happening:
Please spot out my mistake,I’m stuck

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({
      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>
    );
  }
};

Link to the challenge:

2

Hi, you’ve got a syntax error, it has to be onChange= instead

1 Like