添加道具的高阶组件的子组件的Typescript类型

import React, { ComponentType } from 'react';

// 定义高阶组件的类型
type HigherOrderComponent<T> = ComponentType<T> & {
  // 高阶组件的属性
  hocProp: string;
};

// 子组件的属性类型
type ChildComponentProps = {
  prop1: string;
  prop2: number;
};

// 子组件
const ChildComponent: React.FC<ChildComponentProps> = ({ prop1, prop2 }) => {
  return (
    <div>
      <p>Prop 1: {prop1}</p>
      <p>Prop 2: {prop2}</p>
    </div>
  );
};

// 高阶组件
const withProps: HigherOrderComponent<ChildComponentProps> = (WrappedComponent) => {
  const EnhancedComponent: React.FC<ChildComponentProps> = (props) => {
    return <WrappedComponent hocProp="HOC Prop" {...props} />;
  };

  return EnhancedComponent;
};

// 使用高阶组件包裹子组件
const EnhancedChildComponent = withProps(ChildComponent);

// 使用示例
const App: React.FC = () => {
  return <EnhancedChildComponent prop1="Hello" prop2={123} />;
};