。/src/app.js第26行:10:解析错误:意外的令牌，应为“；”
24}25}
26 render（）{^27 const{characters}=this.state；28 29 return（
import React, { Component } from 'react'
import Table from './Table'
class App extends Component {
state = {
characters: [
{
name: 'Charlie',
job: 'Janitor',
},
{
name: 'Mac',
job: 'Bouncer',
},
{
name: 'Dee',
job: 'Aspring actress',
},
{
name: 'Dennis',
job: 'Bartender',
},
],
}
}
render() {
const { characters } = this.state;
return (
<div className="container">
<Table characterData={characters} removeCharacter={this.removeCharacter} />
</div>
)
}
export default App
您正在添加花括号
“{”
在错误的地方
这样做:
import React, { Component } from 'react'
import Table from './Table'
class App extends Component {
state = {
characters: [
{
name: 'Charlie',
job: 'Janitor',
},
{
name: 'Mac',
job: 'Bouncer',
},
{
name: 'Dee',
job: 'Aspring actress',
},
{
name: 'Dennis',
job: 'Bartender',
},
],
}
render() {
const { characters } = this.state;
return (
<div className="container">
<Table characterData={characters} removeCharacter={this.removeCharacter} />
</div>
)
}
}
export default App;
基本上，你的渲染函数在你的应用程序类之外，这就是为什么你的代码不能工作。
请将render（）方法放入应用程序类中
