SyntaxError: unknown: Unexpected token, expected ,

Question

I was going through an online course where the following code works fine on https://jscomplete.com/repl/
But the same code gives me the error.

class Button extends React.Component{
    state = {counter: 13};

    handleClick = () => {
        this.setState((prevState) => {
            return {
                counter: prevState.counter + 1;
            };
        });
    };

    render(){
        return (
            <button onClick={this.handleClick}>
                {this.state.counter}
            </button>
        );
    };
}

ReactDOM.render(<Button/>, mountNode)

The above returns an error: SyntaxError: unknown: Unexpected token, expected , (7:36)

   5 |      this.setState((prevState) => {
   6 |      return {
>  7 |          counter: prevState.counter + 1;
     |                            ^
   8 |      };
   9 |     });
  10 |   };

I am not able to find the root cause and fix for this.

SALEH · Accepted Answer · 2018-03-18 05:31:40Z

5

Remove ; from the statement counter: prevState.counter + 1;. Javascript allows comma after each key value defintion in an object, not semicolon, that's why you are getting this error

answered Mar 18, 2018 at 5:31

SALEH

1,5621 gold badge14 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

SyntaxError: unknown: Unexpected token, expected ,

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related