reactjs - Vlastnost 'state' neexistuje u typu 'FetchPeriod'

Snažím se naučit ReactJS podle tohoto tutoriálu: Tutorial

Jsem nový v programovacím jazyce, takže vůbec nevím, co dělat teď.

Když se pokusím přidat soubor „Fetchemployee.tsx“, objeví se mi chyba při metodě this.state.

(TS) Vlastnost 'state' neexistuje u typu 'FetchPeriod'

Toto je kód:

import * as React from 'react';
import { RouteComponentProps } from 'react-router';
import { Link, NavLink } from 'react-router-dom';

interface FetchPeriodDataState {
    periodList: PeriodData[];
    loading: boolean;
}

export class FetchPeriod extends React.Component<RouteComponentProps<{}>, FetchPeriodDataState> {
    constructor(props) {
        super(props);
    this.state = { periodList: [], loading: true };


    fetch('api/Period/Index')
        .then(response => response.json() as Promise<PeriodData[]>)
        .then(data => {
            this.setState({ periodList: data, loading: false });
        });

    // This binding is necessary to make "this" work in the callback  
    this.handleDelete = this.handleDelete.bind(this);
    this.handleEdit = this.handleEdit.bind(this);
}

A později mám třídu PeriodData:

export class PeriodData {
PeriodId: number = 0;
Description: string = "";
PeriodOwner: string = "";
PeriodName: string = "";}

Metody this.state a this.setState dávají chyby v názvu a nemohu najít opravu.

Odpověď č. 1

Jednou z možných příčin problému je chybějící definice typů pro React. Proto je můžete zkusit nainstalovat:

npm install --save-dev @types/react @types/react-dom

Bez nainstalovaných typů nemůže TS správně odvodit vlastnosti potřebné pro JSX elementy.