基于反应界面生成空对象

Question

我的界面是在枚举上生成的，并且它

enum HealthPlanStatus {
    InProgress = 'InProgress',
    Completed = 'Completed',
}

export type THealthPlanCardsByStatus = {
    [status in keyof typeof HealthPlanStatus]: {
        cards: string[];
    };
}

在项目中具有可读的键，我想正确声明由 healthplanstatus 生成的空对象。

const cards = ['1', '2', '3']
const cardsGroupedByStatus: any = {}
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = cards.filter(card => card)
})

为了避免错误，它现在具有“任何” ，但是我想看到任何一个变体：

1. const cardgroupedbystatus：thealthplandarcardsbystatus = {}
2. const const carst groupedbystatus = {}作为thealthplancardsbystatus

在这两种情况下我都有不同的错误：

1. < em> const cardsgroupedbystatus：thealthplancardsbystatus 类型'{}'丢失了类型'thealthplancardsbystatus'的以下属性：inprogress，已完成
2. 无法分配给'inprogress'/'已完成'，因为它是无读的

，可能，请给我建议如何正确地对新生成对象声明。 谢谢！

Answer 1

基于注释：

1. 您不需要typeof，将其删除并离开：

export type THealthPlanCardsByStatus = {
    [status in HealthPlanStatus]: {
        cards: string[];
    };
}

2. 然后您可以使用

const cardsGroupedByStatus = {} as THealthPlanCardsByStatus
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = { // you forgot initialize object here
        cards: cards.filter(card => card)
    }
})

或

const cardsGroupedByStatus: Partial<THealthPlanCardsByStatus> = {}
Object.values(HealthPlanStatus).forEach(status => {
    cardsGroupedByStatus[status] = {
        cards: cards.filter(card => card)
    }
})