typescript typeof subclass of React.Component

Question

I have a base class which extends React.Component and is extended by several child classes. Now I want to have the type of the Parent class as the type of a property, and all Child classes should be valid for the property. I had a try of this answer, but it doesn't work when Parent extends React.Component.

class Parent extends React.Component{}
class Child1 extends Parent {}
class Child2 extends Parent {}
type F = {
  cp: { new(): Parent }
}
let f: F = {
  cp: Child1 //type 'typeof Child' is not assignable to type 'new () => Parent'.
}

Titian Cernicova-Dragomir · Accepted Answer · 2018-06-28 05:42:52Z

1

Your constructor signatures mandates that the type have an empty constructor, but the constructor inherited from React.Component has two parameters. This is why typeof Child is not assignable to new ()=> Parent. You need to specify the constructor takes these arguments:

class Parent extends React.Component { }
class Child1 extends Parent { }
type F = {
    cp: { new(props: any, context?: any): Parent }
}
let f: F = {
    cp: Child1 //ok
}

answered Jun 28, 2018 at 5:42

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Titian Cernicova-Dragomir Over a year ago

@zenggo if this answer helped you solved it don't forget to mark as answered :)

Collectives™ on Stack Overflow

typescript typeof subclass of React.Component

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related