declarando uma propriedade no construtor com tipo de texto reagir

A partir da documentação do draft-js, é possível (no Vanilla React, sem texto datilografado) configurar o ambiente do Draft-js, observando que oonChange A propriedade pode ser declarada diretamente no construtor:

import React from 'react';
import ReactDOM from 'react-dom';
import {Editor, EditorState} from 'draft-js';

class MyEditor extends React.Component {
  constructor(props) {
    super(props);
    this.state = {editorState: EditorState.createEmpty()};
    this.onChange = (editorState) => this.setState({editorState});
  }
  render() {
    const {editorState} = this.state;
    return <Editor editorState={editorState} onChange={this.onChange} />;
  }
}

No entanto, quando tento fazer o mesmo com Typescript / React (código abaixo), recebo este erro

erro TS2339: A propriedade 'onChange' não existe no tipo 'Main'.

class Main extends React.Component<MainProps, MainState> {

    constructor(props) {
    super(props);
    this.state = { todos: [], editorState: EditorState.createEmpty() };
    this.onChange = (editorState) => this.setState({ editorState });
  }

Eu também tentei adicionaronChange como uma propriedade para os adereços

interface MainProps {
    model: Model;
    onChange: Function;
}

Qual é a maneira apropriada de declarar essa propriedade de função em texto / reação?

questionAnswers(3)

yourAnswerToTheQuestion