Create a Controlled Input SyntaxError: unknown: Unexpected token (12:12)

Tell us what’s happening:

not working.

Your code so far


class ControlledInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      input: ''
    };
    // change code below this line

    // 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>
    );
  }
};

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/77.0.3865.90 Safari/537.36.

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

Unlike newer versions of React, the currrent FCC production site’s version of React does not support the use of classProperties like you are trying to write here. Just stick with the normal class method syntax.