使用打字稿在反应中为嵌套对象设置类型

Question

Interface Button{
buttonTitle: {
    addAdmin?: string;
  confirmAdmin?: string;
  }
}

如何为 buttonTitle 定义类型？

Answer 1

您的问题与 React 无关。这是一个 TypeScript 问题。

只需定义另一个 interface（或 type，如果这是您的偏好）并使用它：

interface ButtonTitle {
  addAdmin?: string;
  confirmAdmin?: string;
}

interface Button {
  buttonTitle: ButtonTitle;
}

Answer 2

您可以为此使用枚举类型。

enum ButtonTitle {
  addAdmin = "ADDADMIN",
  confirmAdmin = "CONFIRMADMIN",
}

Interface Button {
  buttonTitle: ButtonTitle
}

您可以阅读有关枚举的更多信息 here