node.js - 我正在使用 React 创建一个表单并收到此错误
问题描述
这是我得到的错误:
./src/App.js
Line 26:10: Parsing error: Unexpected token, expected ";"
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;
基本上你的渲染函数在你的 App 类之外,所以这就是你的代码不起作用的原因。
推荐阅读
- python - 如何为管道中的不同“步骤”找到最佳参数?
- awk - Compare two yaml file and get matching elements from first file based on key
- c# - 如何理解当前段落是图像(Word)
- android - 导航不再工作,错误:忽略 popBackStack 到目的地,因为在当前返回堆栈上找不到它
- c# - 无法配置 HTTPS 端点。未指定服务器证书,默认开发者证书找不到或已过期
- python - Discord.PY -
错误 - python - 执行按另一列的值分组的熊猫列的规范化
- recaptcha - 在同一页面上加载 Enterprise Recaptcha (invisble) 和 V2 Checkbox (non-enterprise) 会导致 V2 Checkbox 默认为 Enterprise
- foreach - VTL 脚本 - ForEach 循环遍历数组
- python - sqlalchemy merge() 使现有记录值为空