Как определить конкретный тип возвращаемого значения метода реагирования (машинопись)

Question

Я хочу определить тип возврата определенного компонента реакции.

Например:

Компонент 1

class ComponentFoo extends React.Component<any, any> {
   public render() {…}
}

Компонент 2

class ComponentBar extends React.Component<any, any> {
    public renderComponentFoo() : ComponentFoo { <---
      return <ComponentFoo />
    }

    public render() {
      …
      {this.renderComponentFoo()}
      …
    }
}

Возможно ли что-то подобное?

Answer 1

Ваш метод renderComponentFoo должен вернуть React.ReactNode.

JSX / TSX - это просто синтаксический сахар около React.createElement(), который возвращает React.ReactNode.Вы не возвращаете экземпляр ComponentFoo, как предполагает ваш текущий код.