如何正确地注释可以接受Component或string作为html标签的组件道具？(How to correctly annotate component props that can accept Component or string as html tag?)

 如何正确注释接受Component或string作为html标记的组件道具？ 
 
 例如，我有一个可以采用自定义组件的组件（包括像div ， p等html标签）。 它是这样写的： 
 
interface MyComponentProps<T> {
    comp: React.ComponentType<T>
}

function MyComponent<T>({ comp: Component }: MyComponentProps<T>) {
  return <Component />
}
 
 如果我将另一个组件作为comp道具传递给MyComponent那么Typescript不会抱怨： 
 
function Wrapper() {
    return <div />
}

function render() {
    return <MyComponent comp={Wrapper} />
}
 
 但是，当我通过这样的标准html标签时： 
 
function render() {
  return <MyComponent comp="div"/>
}
 
 打字稿编译器投诉： 
 
Type '{ comp: "div"; }' is not assignable to type 'IntrinsicAttributes & MyComponentProps<{}>'.
  Type '{ comp: "div"; }' is not assignable to type 'MyComponentProps<{}>'.
    Types of property 'comp' are incompatible.
      Type '"div"' is not assignable to type 'ComponentType<{}>'.
 
 那么，如何在不使用any类型的情况下注释像MyComponent这样的组件？ 

How to correctly annotate component props that accept Component or string as html tag?
 
For example, I have a component that can take custom Component (includes html tag like div, p etc.). It's written like this:
 
interface MyComponentProps<T> {
    comp: React.ComponentType<T>
}

function MyComponent<T>({ comp: Component }: MyComponentProps<T>) {
  return <Component />
}
 
Typescript doesn't complaint if I pass another component as comp props to MyComponent like this:
 
function Wrapper() {
    return <div />
}

function render() {
    return <MyComponent comp={Wrapper} />
}
 
But, when I pass standard html tag like this:
 
function render() {
  return <MyComponent comp="div"/>
}
 
typescript compiler complaints:
 
Type '{ comp: "div"; }' is not assignable to type 'IntrinsicAttributes & MyComponentProps<{}>'.
  Type '{ comp: "div"; }' is not assignable to type 'MyComponentProps<{}>'.
    Types of property 'comp' are incompatible.
      Type '"div"' is not assignable to type 'ComponentType<{}>'.
 
So, how can I annotate a component like MyComponent without using any type?

原文：https://stackoverflow.com/questions/46072333