Блог

Я создаю проект в react и попытался изменить функциональный компонент на компонент класса, чтобы использовать this.state и т. Д… Однако я получаю сообщение об ошибке Missing semicolon. (22.11) . Как я могу это исправить, чтобы продолжить свой проект? Это мой код:

 import React from 'react'

import Navigation from './components/Navigation/Navigation'
import LogIn from './components/LogIn/LogIn'
import Converter from './components/Converter/Converter'

import './App.css'
import 'bootstrap/dist/css/bootstrap.min.css'

class App extends Component {
  constructor() {
   super();
   this.state = {
    }
  }
}

  render () {
    return (
      <div className='App'>
        <Navigation />
        <LogIn />
        <Converter />
     </div>
   );
 }


export default App
 

Строка 22.11-это слово рендеринга!

В демонстрационном коде есть определенные ошибки

 class App extends Component {
  constructor() {
   super();
   this.state = {
    }
  }
  // }               This is extra


  render () {
    return (
      <div className='App'>
        <Navigation />
        <LogIn />
        <Converter />
     </div>
   );
 }
}                   // Add extra `}` to close class


export default App;