javascript - 在 TypeScript 中强制执行对象键

Question

假设我有

type Panel = 'store' | 'logs'

我想创建一个具有 key => ReactChild 的对象，其中 key 只是 Panel 中的值

const object = {
    store: StoreComponent,
    logs: LogsComponent
}

如何在这里定义object的类型？

Answer 1

预定义的映射类型 Record 就是您要找的。这将采用键的联合并创建一个对象类型，其中每个属性都具有指定为该类型的第二个参数的类型:

type Panel = 'store' | 'logs'

const object:Record<Panel, ReactChild> = {
    store: StoreComponent,
    logs: LogsComponent
}