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

Question

抽象类'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 docs 和this question 了解更多信息。