Typescript 在联合类型中通过参数 b 获取参数 a

Question

我有两个请求类型AddInterestAreaRequest和RemoveInterestAreaRequest 。 我想创建一个 util 类型，我可以在action中传递它并返回params 。

这就是我所拥有的

type AddInterestAreaRequest = {
  action: 'addInterestArea';
  params: AddInterestAreaParams;
};

type RemoveInterestAreaRequest = {
  action: 'removeInterestArea';
  params: RemoveInterestAreaParams;
};

export type JSBRequest = {
  configs?: BridgeRequestConfigs;
} & (AddInterestAreaRequest | RemoveInterestAreaRequest);

type GetParamByAction<T extends JSBRequest['action']> =
  JSBRequest['action'] extends T ? never : JSBRequest['params'];

type Testing = GetParamByAction<'addInterestArea'>;

我没有工作， Testing是AddInterestAreaParams | RemoveInterestAreaParams AddInterestAreaParams | RemoveInterestAreaParams因为JSBRequest['params']总是AddInterestAreaParams | RemoveInterestAreaParams AddInterestAreaParams | RemoveInterestAreaParams

我基本上想Testing只是AddInterestAreaParams

知道如何实现吗？

谢谢。

Answer 1

您可以使用Extract<T, U>实用程序类型在类型级别区分可区分联合，该实用程序过滤联合类型T并仅保留可分配给U的那些成员：

type GetParamByAction<T extends JSBRequest['action']> =
    Extract<JSBRequest, { action: T }>["params"]    

因此Extract<JSBRequest, {action: T}>将仅返回那些action属性可分配给T的JSBRequest成员，这应该正是您想要的。 然后我们对其进行索引以获取其params属性。

让我们确保它有效：

type Testing = GetParamByAction<'addInterestArea'>;
// type Testing = AddInterestAreaParams

看起来不错。

Playground 代码链接

Answer 2

type GetParamByAction<T extends JSBRequest['action']> = T extends 'addInterestArea' ? AddInterestAreaRequest['params'] : RemoveInterestAreaRequest['params']; type Testing = GetParamByAction<'addInterestArea'>; // Should be AddInterestAreaParams

Answer 3

在这种情况下，我建议使用 TS helper Extract 首先从联合中提取类型：

type GetJSBRequestByAction<T extends JSBRequest['action']> = Extract<JSBRequest, { action: T }>;


type Test1 = GetJSBRequestByAction<'addInterestArea'>;

// This gives:
// {
//    configs?: BridgeRequestConfigs;
// } & AddInterestAreaRequest

然后你可以访问参数：

type GetParamByAction<T extends JSBRequest['action']> = GetJSBRequestByAction<T>['params'];