如何定义React方法的特定返回类型（打字稿）

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的实例。