如何在 TypeScript 中使用抽象 class 作为 React 组件的类型？

Question

抽象 class 'Base' 在这里如何用作类型定义？

abstract class Base extends React.Component { /* */ }

class A extends React.Component<{
  ComponentToUse: Base
}> {
  render() {
    const { ComponentToUse } = this.props;
    // The following line gives this compile error:
    // JSX element type 'Base' does not have any construct or call signatures. ts(2604)
    return (<ComponentToUse />);
  }
}

Answer 1

改变道具从

class A extends React.Component<{
  ComponentToUse: Base
}> {

至

class A extends React.Component<{
  ComponentToUse: typeof Base
}> {

有关更多信息，请参阅TS 文档和此问题。