Add new property inside interface object without changing class in typescript dynamically

Question

I have a class as below.

export class Cars implements Vehicales {
    color?: string;
    type?: string[];
}

Due to some reason I cannot modify my above export object. And the templates object is passed to kendoReactGrid where it contains all the strings for the columns and I need to add it inside my interface only and not the export object.

I have an interface as below

interface CarpProps {
    templates: Cars[]
}

Now I want to add an additional property tyreCount: string[] to my templates object. How can i do that in typescript interface? I tried during extends keyword but was not successfull. I am new to typescript any help would be appreciated.

Shubham Khatri · Accepted Answer · 2020-05-03 06:43:02Z

1

You can use the extends keyword instead of implements and add the additional property by creating Cards as an interface too

export interface Cars extends Vehicales {
    color?: string;
    type?: string[];
    tyreCount: string[]
}

and use it like

interface CarpProps {
    templates: Cars[]
}

answered May 3, 2020 at 6:43

Shubham Khatri

284k58 gold badges431 silver badges411 bronze badges

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

1 Comment

Rakesh Over a year ago

Thanks for your reply but due to some reason I cannot modify my export object. And the templates object is passed to kendoReactGrid where it contains all the strings for the columns and I need to add it inside my templates - interface only and not the export object. Is there any work around for this....to add new property to interface?

Collectives™ on Stack Overflow

Add new property inside interface object without changing class in typescript dynamically

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related