我有以下型別：
type Config = {
key: string,
label?: string,
value?: any,
}
我希望能夠決議這些“配置”的深層嵌套物件。像這樣的東西：
feature1: {
field1: {
key: `field1`,
},
field2: {
key: `field2`,
},
},
feature2: {
group1: {
field: {
key: `group1_field`,
},
},
group2: {
field: {
key: `group2_field`,
},
},
},
feature3: {
group1: {
subgroup1: {
field: {
key: `group1_subgroup1_field`,
},
},
subgroup2: {
field: {
key: `group1_subgroup2_field`,
},
},
},
},
配置可以出現在物件的任何深度。
我將如何撰寫一個 Typescript 型別來處理這種結構？
到目前為止，我一直在玩這個代碼：
type Config = {
key: string,
label?: string,
value?: any,
}
type ConfigMapping = {
[key: string]: Config
}
export type NestedConfig<T> = T extends Config ? Config : {
[K in keyof T]:
T[K] extends (infer U)[] ? NestedConfig<U>[] :
NestedConfig<T[K]>;
}
這還沒有按照我想要的方式作業。我有點不清楚如何創建這個嵌套型別。
uj5u.com熱心網友回復：
由于您只想遞回地對Config節點型別進行約束，我們可以使用 NConfig 型別別名來做到這一點 -
代碼游樂場
type Config = {
key: string,
label?: string,
value?: any,
}
type NConfig = Config | Config[] | { [key: string]: NConfig }
let x: NConfig = {
feature1: {
field1: {
key: `field1`,
},
field2: {
key: `field2`,
label: 'hey'
},
},
feature2: {
group1: {
field: [{
key: `group1_field`,
}],
},
group2: {
field: {
key: `group2_field`,
},
},
},
feature3: {
group1: {
subgroup1: {
field: {
key: `group1_subgroup1_field`,
},
},
subgroup2: {
field: {
key: `group1_subgroup2_field`,
},
},
},
},
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/460991.html