正确声明接口或键入功能参数

Question

如何正确声明param cardbystatus 内部功能 addcardstostatus 的类型？它适用于 cardbystatus：任何，但对我来说没有意义。

错误：属性'map'在类型'{cards：number []; }'

实时示例的链接

enum HealthPlanStatus {
    InProgress = 'InProgress',
    Completed = 'Completed',
}
type ICardsByStatus = {
    [status in HealthPlanStatus]:{
        cards: number[]
    }
}
interface IOptions {
    optionsStatus: string
}

function addCardsToStatus(cardsByStatus: ICardsByStatus, options: IOptions) {
    const {optionsStatus}: IOptions = options

    cardsByStatus[optionsStatus].map((card:number) => card)
    cardsByStatus["InProgress"].map((card:number) => card)

}

const cardsByStatus = { InProgress: { cards: [] }, Completed: { cards: [ 1, 2, 3 ] } }
const options = { optionsStatus: 'InProgress' }

addCardsToStatus(cardsByStatus, options)

Answer 1

您应该首先更改接口ioptions：

interface IOptions {
    optionsStatus: HealthPlanStatus
}

如果optionsstatus定义为String，则不允许使用它来对类型的对象进行索引。代码> iCardsbystatus 。

您还定义了iCardBystatus具有附加密钥{cards：number []}。要访问数组，您应该使用此密钥。

cardsByStatus[optionsStatus].cards.map((card:number) => card)
cardsByStatus["InProgress"].cards.map((card:number) => card)

最后，如果将选项传递给该方法，如果将其定义为带有string内部的对象，现在将投诉。 So we should change it to this:

const options = { optionsStatus: HealthPlanStatus.InProgress }

addCardsToStatus(cardsByStatus, options)