How to combine multiple interfaces in typescript?

Question

I have several interfaces:

interface TabViewData {
    constTypeList: Object,
    materialList: Object,
    ownerList: Object | null,
    creativeList: Object | null,
    dataList: {}[]
}

export interface CitiesTabViewData extends TabViewData {
    cityList: : Object,
    dataByCity: Object
}

export interface MacroRegionsTabViewData extends TabViewData {
    macroRegionList:: Object
    dataByMacroRegion: Object,
}

export interface TotalTabViewData extends TabViewData {
    dataTotal: Object,
}

How to create an interface that would combine them all (given that they may have the same properties)? I tried:

interface State extends Partial<CitiesTabViewData, MacroRegionsTabViewData> 
{
showModal: boolean
}

but Partial takes only one argument(((

You can use intersection Partial<CitiesTabViewData & MacroRegionsTabViewData> — Aleksey L.
– Aleksey L., Commented Jul 17, 2019 at 11:10

Titian Cernicova-Dragomir · Accepted Answer · 2019-07-17 11:32:48Z

2

try this

interface State extends Partial<CitiesTabViewData>, Partial<MacroRegionsTabViewData> 
{
    showModal: boolean
}

edited Jul 17, 2019 at 11:32

Titian Cernicova-Dragomir

253k37 gold badges464 silver badges394 bronze badges

answered Jul 17, 2019 at 11:09

ArslanIqbal

6291 gold badge7 silver badges19 bronze badges

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

1 Comment

Titian Cernicova-Dragomir Over a year ago

Or interface State extends Partial<CitiesTabViewData & MacroRegionsTabViewData> { showModal: boolean }

Collectives™ on Stack Overflow

How to combine multiple interfaces in typescript?

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