Typescript: Extend interface with generic interface

Question

Let's say I have interface:

interface IAddress {
    addressProperty: any;
}

Is there a way to write interface similar to this:

interface ILoadable<T> {
    loading: boolean;
}

So I can use it like:

interface IStateSlice {
    address: ILoadable<IAddress>;
}

Where address will be ILoadable extended with IAddress.

SET001 · Accepted Answer · 2018-11-06 07:29:23Z

2

I think you can use intersection types:

interface IAddress {
    addressProperty: any;
}

interface ILoadable {
    loading: boolean;
}

interface IStateSlice {
    address: ILoadable & IAddress
}

and then use it:

class StateSlice implements IStateSlice{
    address = {
        loading: false,
        addressProperty: 'lol'
    }
}

You can also define a separate type for that:

type LoadableAddress = ILoadable & IAddress

interface IStateSlice {
    address: LoadableAddress
}

or same, using interface extending

interface LoadableAddress extends ILoadable, IAddress { }

edited Nov 6, 2018 at 7:29

answered Nov 6, 2018 at 7:23

SET001

11.8k8 gold badges55 silver badges79 bronze badges

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

3 Comments

Kindzoku Over a year ago

Awesome! Thx! I never thought that you can use & this way :D

jgerstle Over a year ago

You can also do multiple implements separating them by comma. In addition you can extend multiple interfaces the same way, so you can create a class that extends both interlaces

SET001 Over a year ago

@Kindzoku, then you can mark this answer as selected )

Collectives™ on Stack Overflow

Typescript: Extend interface with generic interface

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related