我正在使用 React 创建一个表单并收到此错误答案

【问题标题】：I am creating a form using React and getting this error我正在使用 React 创建一个表单并收到此错误
【发布时间】：2020-07-07 21:38:18
【问题描述】：

这是我得到的错误：

./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

【问题讨论】：

添加完整的 App.js 文件代码
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 女演员', }, { name: 'Dennis', job: 'Bartender', }, ], } }
render() { const { characters } = this.state; return (

) } 导出默认应用程序

标签： node.js reactjs react-native

【解决方案1】：

您正在添加大括号

“{”

在错误的地方

把它变成这样：

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 类之外，这就是您的代码无法正常工作的原因。

【讨论】：

./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“应用”）。
在文件末尾添加：export default App;
./src/index.js 尝试导入错误：“./App.js”不包含默认导出（导入为“App”）。请仍然没有得到结果的帮助
我已经更改了答案中的代码。从答案中再次复制粘贴。它应该可以工作。

【解决方案2】：

请将您的 render() 方法放入您的 App 类中

【讨论】：