@mletov

Как же все-таки устроены компоненты react?

Пожалуйста, подскажите. Разбираюсь с React, пока больше вопросов, чем ответов.

Вот решил я прикрутить грид и взял самый базовый пример

adazzle.github.io/react-data-grid/scripts/example0...

Вопросы:
1) В конструкторе идет обращение к this._columns и this.state, хотя таких свойств в классе не объявлено.
Откуда класс про них должен знать, естественно, у меня они подчеркиваются красным.
2) На входные параметры конструктора ругается " TS7006: Parameter 'props' implicitly has an 'any' type."

Код компонента, который получился у меня
import * as React from 'react';
import { RouteComponentProps } from 'react-router';
import * as ReactDOM from 'react-dom';
import * as  ReactDOMServer from 'react-dom/server'
import * as ReactDataGrid from 'react-data-grid';



class MyGrid extends React.Component<RouteComponentProps<{}>, {}> {
    constructor(props, context) {
        super(props, context);
        this.createRows();
        this._columns = [
            { key: 'id', name: 'ID' },
            { key: 'title', name: 'Title' },
            { key: 'count', name: 'Count' }];

        this.state = null;
    }

    createRows = () => {
        let rows = [];
        for (let i = 1; i < 1000; i++) {
            rows.push({
                id: i,
                title: 'Title ' + i,
                count: i * 1000
            });
        }

        this._rows = rows;
    };

    rowGetter = (i) => {
        return this._rows[i];
    };

    render() {
        return (
            <ReactDataGrid
                columns={this._columns}
                rowGetter={this.rowGetter}
                rowsCount={this._rows.length}
                minHeight={500} />);
    }
}
  • Вопрос задан
  • 170 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
26 апр. 2024, в 06:46
1500 руб./в час
26 апр. 2024, в 05:31
1000 руб./за проект