React Typescript:排除高阶组件中的属性

import React, { ComponentType, PropsWithChildren } from 'react';

type OmitProps = {
  excludedProp: string;
};

function excludePropHOC<P extends OmitProps>(
  Component: ComponentType<P>
): ComponentType<Omit<P, 'excludedProp'>> {
  return function ExcludedPropHOC(
    props: PropsWithChildren<Omit<P, 'excludedProp'>>
  ) {
    // 处理其他逻辑
    // ...
    
    return <Component {...props} />;
  };
}

// 使用排除属性的高阶组件
type MyComponentProps = {
  includedProp: string;
  excludedProp: string;
};

function MyComponent({ includedProp }: MyComponentProps) {
  return <div>{includedProp}</div>;
}

const EnhancedComponent = excludePropHOC(MyComponent);

// 使用EnhancedComponent
<EnhancedComponent includedProp="Hello World" />;