typescript 中的 React HOC 组件给出警告（从非 typescript 转换）

Question

我在 react + typescript 中有以下简单的 HOC 组件。

export const withFirebase = <P extends object>(
  Component: React.ComponentType<P>
) =>
  class WithFirebase extends React.Component<P> {
    render() {
      return (
        <FirebaseContext.Consumer>
          {firebase => <Component {...this.props} firebase={firebase} />}
        </FirebaseContext.Consumer>
      )
    }
  }

export default FirebaseContext

我正在将此组件从非类型脚本转换为类型脚本函数，但 ESlint 给我以下错误：函数缺少 return 类型。我在这里错过了什么？我应该以不同的方式编写我的 HOC 组件吗？

Answer 1

试图提供 return 类型功能？

export const withFirebase = <P extends object>(
  Component: React.ComponentType<P>
): React.ComponentType<P> =>