反应错误-./src/App.js第16行：解析错误：意外的令牌

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

Answer 1

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!