Я создаю форму с помощью React и получаю эту ошибку

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;

В основном ваша функция рендеринга находится за пределами вашего класса приложения, поэтому ваш код не работает.

Answer 2

Поместите свой метод render () в класс приложения