React error - ./src/App.js Line 16: Parsing error: Unexpected token

Question

i tried a tutorial from their site and i encountered this error and i dont know what is wrong. This is the code:

function formatName(user) {
        return user.firstName + ' ' + user.lastName; //this is line 16
      }

      const user = {
        firstName: 'Ciofliceanu';
        lastName: 'Serban';
      };

      const element = <h1>Hello, {formatName(user)}</h1>;

      ReactDOM.render(element, document.getElementById('root'));

I expect the output to be Hello, Ciofliceanu Serban but the output is: ./src/App.js Line 16: Parsing error: Unexpected token

Have you tried replacing the semicolons in the definition of user with commas? — Christian Ivicevic
– Christian Ivicevic, Commented Jan 11, 2019 at 21:58
@ChristianIvicevic you added this comment seconds before I posted my answer. If you want to post an answer, I can take my down. — Alexander Staroselsky
– Alexander Staroselsky, Commented Jan 11, 2019 at 22:01
@AlexanderStaroselsky Don't worry, thanks for being considerate. Sometimes SO can be rough :D — Christian Ivicevic
– Christian Ivicevic, Commented Jan 11, 2019 at 22:02
I replaced semicolons with comas and still same error...other ideas ? — S C
– S C, Commented Jan 12, 2019 at 7:08

Alexander Staroselsky · Accepted Answer · 2019-01-11 21:58:17Z

2

The error is most likely really happening at definition of user as this is not a proper object literal:

const user = {
  firstName: 'Ciofliceanu';
  lastName: 'Serban';
};

Try replacing the ; with ,:

const user = {
  firstName: 'Ciofliceanu',
  lastName: 'Serban'
};

Hopefully that helps!

answered Jan 11, 2019 at 21:58

Alexander Staroselsky

39k16 gold badges83 silver badges98 bronze badges

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

2 Comments

S C Over a year ago

Hello, i modified like you said and it still shows the same error...any idea ?

Alexander Staroselsky Over a year ago

You need to provide more information regarding the configuration of your application. It’s not clear how/where you are compiling/running this. Did you use Create React App?

Collectives™ on Stack Overflow

React error - ./src/App.js Line 16: Parsing error: Unexpected token

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related