How to reuse interface defined in typescript [duplicate]

Question

I have an existing interface for legacy env

export interface ITForm {
    formDescription: string;
    formId: string;
    isForm: boolean;
    include?: boolean;
}

Now, I need a interface for new env, which doesn't need formId/isForm/include, only formDescription is the common attribute and formDescription/type/route are mandatory fields

   export interface ITFormNew {
        formDescription: string;
        type: string;
        route: string;
    }

May I please know is it a good practise to use two interfaces defined above or we can reuse the existing interface to cater for the new one as well? Thanks.

Cody Duong · Accepted Answer · 2022-08-28 02:34:54Z

2

You can use the typescript utility type Pick or Omit

export interface ITFormNew extends Pick<ITForm, "formDescription"> {
        type: string;
        route: string;
}

View on TS Playground

As for whether this is good practice, imho it creates a single source of truth and is more useful on more complex shared types.

answered Aug 28, 2022 at 2:34

Cody Duong

2,4827 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

How to reuse interface defined in typescript [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related