Question

这是我得到的错误：

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

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

Answer 2

请将您的render（）方法放入您的App类中

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

2 个答案: