如何在 typescript 中定义计算属性的类型？

Question

我是 typescript 的新手，我正在将我的 javascript 代码转换为 typescript，这样我就可以学习打字稿了。

我有下面的代码，我在 [context.,label] 收到 typescript 警告错误，表明计算的属性名称必须是“string”、“number”、“symbol”类型。 或“任何”。

我的问题是如何解决这个问题以及为什么 typescript 会发出此警告错误？ 我认为 typescript 与 javascript 差别不大？

预先感谢您的解释。

private initializeJoiError = (error: Joi.ValidationError) => {
   this._JoiError =
     {
        status: "failed",
        validationErrors: {
             details: _.map(error.details, ({message, context}) => {
             return  {**[context!.label]** : message.replace(/['"]/g, "")}
             })
      }
    }
}

Answer 1

我相信你可以使用Record ：

//...
return {
  [context!.label] : message.replace(/['"]/g, ""),
} as Record<typeof context['label'], string> //or whatever type that is