Как исправить ошибку Unexpected token, expected {?

Question

[MariaM0479]

Здравствуйте. Не могу понять почему выдает консоль ошибку. Вот код:

import React, {Component} from 'react'

class Timer extends Component({
	getInitialState: function(){
		return{
			seconds: 0
		};
},
		componentDidMount: function(){
			this.timer = setInterval(this.tick, 1000);
		},

		tick: function(){
			this.setState({seconds: this.state.seconds + 1});
		},

		componentWillUnmount: function(){
			clearInterval(this.timer);
		},

		render: function(){
			return(
				<h5>Прошло: {this.state.seconds}</h5>
			);
		}
});

export default Timer

Comments

[Антон Спирин]

Как вам вообще могло придти в голову объединить синтаксис объявления класса и объекта? Рано вам React изучать. Начните лучше с основ JavaScript.

Answer 1

[Anubis]

В 20!8 синтаксис немного другой

import React, { Component } from 'react';

class Timer extends Component {
    state = {
        seconds: 0
    };
    
    componentDidMount() {
        this.timer = setInterval(this.tick, 1000);
    }

    tick() {
        this.setState({ seconds: this.state.seconds + 1 });
    }

    componentWillUnmount() {
        clearInterval(this.timer);
    }

    render() {
        return <h5>Прошло: {this.state.seconds}</h5>
    }
}

export default Timer;