typescript 中的 React HOC 組件給出警告（從非打字稿轉換）

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

我正在將此組件從非類型腳本轉換為 typescript function 但 ESlint 給我以下錯誤：function 上缺少返回類型。 我在這里想念什么？ 我應該以不同的方式編寫我的 HOC 組件嗎？

Answer 1

試圖在 function 上提供返回類型？

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