我收到一条意外的语法错误消息

问题描述

嗨，这是我在 App.js 文件中的代码，我收到了“意外令牌”错误

import React,{ useState } from 'react';
import './App.css';
import Person from './Person/Person';

const app = props =>  {
  //stateful component
  const [ personsState,setPersonsState ] = useState({
    persons: [
      { name: 'Colby',age: 25 },{ name: 'Linnea',age: 27 },{ name: 'Frodo',age: 6 }
    ],});

  switchNameHandler = (newName) => {
    this.setState({ 
      persons: [
        { name: 'Kyle',age: 26 },{ name: 'Alex',{ name: newName,age: 24 }
      ]
    })
  }

  nameChangedHandler = (event) => {
    this.setState({ 
      persons: [
        { name: 'Frodo',age: 6 },{ name: event.target.value,{ name: 'Brett',age: 25 }
      ]
    })
  }

  render () {
   return (
      <div className="App">
        <h1>Hi I am Colby!</h1>
        <p>Is this p tag working?</p>
        <button onClick={() => this.switchNameHandler('Hermon!!!')}>Switch Name</button>
        <Person
          name={personsState.persons[0].name}
          age={personsState.persons[0].age}
          click={switchNameHandler.bind(this,'Hermon')}>My Hobby is Coding
          changed={this.nameChangedHandler}</Person>
        <Person 
          name={personsState.persons[1].name}
          age={personsState.persons[1].age}>My Hobby is Training</Person>
        <Person
          name={personsState.persons[2].name}
          age={personsState.persons[2].age}/>
      </div>
    ); 
  }
}

export default app;

这是我的错误信息： ./src/App.js 语法错误：C:/Users/colby/react-course-notes/chapter-3/react-complete-guide/src/App.js: Unexpected token,expected ; (38:12)

36 | } 37 |

38 |使成为 （） { | ^ 39 |返回 （ 40 | 41 |

嗨，我是科尔比！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）