如何定義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的實例。