动作创建者的解释和从中提取类型

Question

我正在使用 typescript、react 和 redux 组合一个小应用程序，我遇到了一个叫做动作创建器的小东西。

action creator类的代码如下，原创者，props到github@plotrwitek；

export class ActionCreator<T, P> {
  readonly type: T;
  readonly payload: P;

  constructor(type: T) {
    this.type = type;
  }

  create = (payload: P) => ({
    type: this.type,
    payload
  });
}

现在，在 reducer 中，我正在实例化这些动作创建者，并提取不同的类型，如下所示；

export const ActionCreators = {
  TestAction: new ActionCreator<'TestAction', string>('TestAction'),
};

我在下面使用Partial<...> 的原因是因为它会抱怨缺少create 属性，该属性存在于类中，而不是create 方法返回的内容。

export type Action = Partial<typeof ActionCreators[keyof typeof ActionCreators]>;

我想知道的是以下内容；有人可以解释一下typeof ...[keyof typeof ...] 的工作原理，如果可能的话；对此提供替代解决方案，以解决缺少的 create 属性 - 一种仅包含来自 create 方法的可能返回的类型。

谢谢。

Answer 1

tl;drtypeof SomeObject[keyof typeof SomeObject] 的结果类型将是 SomeObject 的值类型中的 the union。在您的示例中Partial<ActionCreator<"TestAction", string>>。它基本上是所有现有操作的列表。

---

下面是对步骤的解释：

1. typeof ActionCreators: 告诉 TS 使用 const 的类型
2. keyof (1)：会给你联合类型ActionCreators的所有键。在您的情况下，它只有一个：TestAction
3. typeof ActionCreators[(2)] 将为您提供所有键的值。它或多或少是在“迭代”对象并“返回”其值类型。

您使用哪个版本的 TypeScript？当我删除 Partial（使用 TS 2.6.2）时，我没有收到错误。