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

是指在React开发中，通过高阶组件（Higher-Order Component，HOC）将一些通用的逻辑封装起来，以便在多个组件中复用。在这种情况下，子组件是指被高阶组件包裹的组件。

在Typescript中，可以使用泛型（Generics）来定义高阶组件的子组件的类型。具体实现如下：

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} />;
};

在上述示例中，我们定义了一个高阶组件类型HigherOrderComponent<T>，它接受一个泛型参数T，表示子组件的属性类型。子组件的属性类型ChildComponentProps定义了prop1和prop2两个属性。

然后，我们定义了一个子组件ChildComponent，它接受ChildComponentProps作为属性类型。

接下来，我们定义了一个高阶组件withProps，它接受一个被包裹的组件WrappedComponent，并返回一个增强后的组件EnhancedComponent。在EnhancedComponent中，我们将高阶组件的属性hocProp添加到子组件的属性中，并通过{...props}将子组件的其他属性传递给子组件。

最后，我们使用withProps高阶组件包裹ChildComponent，得到增强后的组件EnhancedChildComponent。在使用示例中，我们可以看到EnhancedChildComponent接受了prop1和prop2属性，并且还具有高阶组件的属性hocProp。

这样，我们就实现了添加道具的高阶组件的子组件的Typescript类型。