TypeScript类型包含其他类型的键，但具有不同的值类型

Question

If I have this const in which the values are all functions:

export const staffingReducers = {
    calendar: calendarReducer,
    navigation: navigationReducer,
    shifts: shiftsReducer,
};

I have an interface defined as such:

export interface StaffingState {
    calendar: CalendarState;
    navigation: NavigationState;
    shifts: ShiftState;
    selectedId: number;
}

I would like to enforce that my staffingReducers have all the same keys as the StaffingState. Is this possible?

Answer 1

Sure thing:

const staffingReducers: { [K in keyof StaffingState]: Function } = {
    calendar: calendarReducer,
    navigation: navigationReducer,
    shifts: shiftsReducer,
};

With your current code it will result in an error because staffingReducers doesn't have a property for selectedId .

You can find more info here: Mapped Types