文章/答案/技术大牛

发布

社区首页 >问答首页 >对象中动态密钥的TS接口

问对象中动态密钥的TS接口
EN

Stack Overflow用户

提问于 2020-04-22 11:26:08

回答 2查看 170关注 0票数 0

我想为这个对象编写适当的接口。step的关键应该是动态的，其值是布尔值。这就是目标：

const obj = {
  A: {
    step: {
      a: true,
      b: true,
      c: true,
    },
  },
  B: {
    step: {
      a: true,
      d: true,
    },
  },
  C: {
    step: {
      e: true,
      f: true,
      g: true,
    },
  },
}

到目前为止，我已经尝试过了，但是我仍然有一个错误。

interface OBJ_INTERFACE {
  side: {
    step: {
      [key: string]: boolean,
    }
  }
}

typescript

interface

回答 2

Stack Overflow用户

回答已采纳

发布于 2020-04-22 11:54:28

您可以提取Step类型并在接口中重用它：

type Side = {
  step: {
    [key: string]: boolean,
  }
};

interface OBJ_INTERFACE {
  A: Side;
  B: Side;
  C: Side;
}

游乐场

或定义映射类型：

type OBJ_INTERFACE = {
  [P in 'A' | 'B' | 'C']: {
    step: {
      [key: string]: boolean,
    }
  }
}

游乐场

票数 1

Stack Overflow用户

发布于 2020-04-22 11:50:33

您没有详细说明错误，所以我只能假设它源于尝试使用接口：

const obj: OBJ_INTERFACE = {
  A: {
    step: {
      ...
    }
  }
}

在这种情况下，您的接口不考虑将side属性动态命名为'A' | 'B' | 'C'。

还可以尝试使side动态：

interface OBJ_INTERFACE {
    [key: string]: {
      step: {
        [key: string]: boolean
    }
  }
}

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/61363948

复制

相似问题

问对象中动态密钥的TS接口
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对象中动态密钥的TS接口EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问对象中动态密钥的TS接口
EN