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

Question

How can the abstract class 'Base' be used as a type definition here?

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

Change the props from

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

to

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

See the TS docs and this question for more information.