Ошибка в TypeScript, как пофиксить?

Question

[Unknown]

Привет!
Как пофиксить ошибку

Type '{}' is not assignable to type 'Readonly<Props>'.
  Property 'props' is missing in type '{}'

?

Код такой:

interface Props {
  props: Object;
}

class App extends React.Component<Props> {
  constructor(props: Props) {
    super(props);

  }
  public render() {
    return (
      <AppWrap>
        <Block>Block</Block>
      </AppWrap>
    );
  }
}

Answer 1

[Demian Smith]

Уберите эту часть

constructor(props: Props) {
    super(props);
  }

Этот код выполняется автоматически в классе React.Component. Его не нужно дублировать.

UPD

А вообще код слегка странный. Я так понимаю что App у вас главный компонент. Предполагаю что он рисуется в файле index.ts. Вашему App точно нужны props? Если нужны, то их нужно передать. Как-то вот так:

<App props={} />

Comments

[Demian Smith]

Офф топик. Разобраться одновременно в реакте и тайпскрите - это очень похвально.

Недавно тоже заморочился с реактом на тайпскрипте. Можете глянуть что из этого получилось https://bitbucket.org/snisarenkodima/sytac-react-a... В ридми описано что требовалось сделать и что сделано.

Должен предупредить что использование реакта требует от программиста хардкорного понимания тайпскрипта. Особенно когда дело доходит до редакса. Наверное поэтому реакт и тайпскрипт не шибко популярны в сообществе. Тайпскрипт создаёт высокий порог входа.

Удачи!