typescript TypeScript中键入的Redux操作和Reducer的问题

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了typescript TypeScript中键入的Redux操作和Reducer的问题相关的知识,希望对你有一定的参考价值。

interface IAction {
    type: string
}

interface IActionA extends IAction {
    a: string
}

interface IActionB extends IAction {
    b: string
}

const reducer = (action: IAction) {
    switch (action.type) {
        case 'a':
            return console.info('action a: ', action.a) // property 'a' does not exists on type IAction

        case 'b':
            return console.info('action b: ', action.b) // property 'b' does not exists on type IAction         
    }
}

以上是关于typescript TypeScript中键入的Redux操作和Reducer的问题的主要内容,如果未能解决你的问题,请参考以下文章

Typescript:这种用于键入函数的键入方法是啥?

在反应 TypeScript 中键入输入的键值 [重复]

如何在 TypeScript 3+ 中正确键入通用元组剩余参数?

如何使用 TypeScript 键入枚举值?

是否可以在 TypeScript 中精确键入 _.invert?

TypeScript:如何为函数中的任何键键入对象剩余分布