reactjs - 如何定义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()}
      …
    }
}

这样的事情可能吗？

标签： reactjstypescriptjsxtypescript-typings

Answer 1

您的renderComponentFoo方法应该返回React.ReactNode。

JSX/TSX 只是围绕React.createElement()它返回的语法糖React.ReactNode。您没有返回ComponentFoo当前代码所建议的实例。