typescript - 如何在类型声明中从嵌套数组中提取类型？

Question

我有一个看起来像这样的生成类型:

export type GetUserWithMembershipsQuery = {
  getUser: {
    __typename: 'User';
    id: string;
    memberships: {
      __typename: 'ModelUserMembershipConnection';
      items: Array<{
        __typename: 'UserMembership';
        id: string;
        createdOnDate: string | null;
        renewedOnDate: string | null;
        expiresOnDate: string | null;
        membershipPhotoFileName: string | null;
      } | null> | null;
    } | null;
  } | null;
};

我知道我可以通过说 GetUserWithMembershipQuery['getUser'] 获取 getUser 的类型。

我想知道如何从该类型中提取成员对象中项目数组的类型，或者是否可能？

我想以这样的方式结束:

type ItemType = GetUserWithMembershipQuery['getUser']['memberships']['items'][0]

结果类型是:

{
  __typename: 'UserMembership';
  id: string;
  createdOnDate: string | null;
  renewedOnDate: string | null;
  expiresOnDate: string | null;
  membershipPhotoFileName: string | null;
} | null

我已尝试使用 GetUserWithMembershipQuery['getUser']['memberships'] 降低一级，但我收到一条错误消息，指出“属性成员资格不存在于类型 .. .'

这是因为 getUser 或 memberships 可能为空吗？有没有办法提取这种类型？任何指向资源的帮助我可以更好地理解这将是一个很大的帮助。

谢谢。

Answer 1

问题是，在 strictNullChecks 下，如果一个类型与 null 处于联合中，那么将无法访问任何成员。值和类型表达式都是这种情况。您仍然可以获得该类型，但您需要使用 Exclude 条件类型从联合中排除 null。语法变得有点复杂，无法仅写在一行中，因此我将其分解为几个步骤:

type getUser = Exclude<GetUserWithMembershipsQuery['getUser'], null>
type memberships = Exclude<getUser['memberships'], null>
type items = Exclude<memberships['items'], null>
type item =  Exclude<items[number], null>