Question

我正在尝试基于另一个接口创建一个新的增强的通用接口。基本接口定义对象将要具有的属性（root）。增强类型应该具有相同的属性，但是我得到了一个更复杂的对象，而不是any作为值。请注意，接口IStyleObj是在通用类内部使用的，通用类型将传递到通用接口。

在我的实验中，我得到了以下错误，但我不知道如何解决：

"IStyleObj<T>"
'T' is declared but its value is never read.ts(6133)

"Key in keyof"
A computed property name must be of type 'string', 'number', 'symbol', or 'any'.ts(2464)
Member '[K in keyof' implicitly has an 'any' type.ts(7008)

"... T"
Cannot find name 'T'.ts(2304)

"class: any"
'any' only refers to a type, but is being used as a value here.ts(2693)

这是我当前的代码：

// Child.ts
interface IStyles {
  root?: any
}

// Base.ts
interface IStyleObj<T> {
  [K in keyof T]: {
    class: any
    style: any
  }
}

export default class Base<IStyles = {}> {
  get styles (): IStyleObj<IStyles> {
    // ...
  }
}

Answer 1

接口不能映射类型，只有类型别名可以。这将起作用：

// Child.ts
interface IStyles {
  root?: any
}

// Base.ts
type IStyleObj<T> = {
  [K in keyof T]: {
    class: any
    style: any
  }
}

export default class Base<IStyles = {}> {
  get styles (): IStyleObj<IStyles> {
    return null!
  }
}

Playground Link

如何基于类通用

1 个答案: