如何为对象内的多个属性指定TypeScript类型？

首先你代码里有个小笔误：prop名字是checkboxesState，但你写的是checkboxState，先修正这个问题。

你的初始写法其实是可行的，不过可以根据实际场景选择更合适的类型定义方式：

1. 完全动态的键（最通用） #

如果复选框的选项键是完全动态的（比如可能是任意字符串），用你写的索引签名或者Record类型都可以，这两种写法等价，都能兼容初始空对象和后续键值对结构：

// 索引签名写法
interface FieldProps {
  checkboxesState: { [key: string]: boolean };
}

// Record写法（更简洁）
interface FieldProps {
  checkboxesState: Record<string, boolean>;
}

空对象{}本身就符合这个类型，因为它没有任何违反“键为字符串、值为布尔值”约束的属性。

2. 固定可选键（更严谨） #

如果你的复选框选项是固定的（比如只有option1、option2这些确定的键），可以用带可选属性的接口，这样能限制只能使用指定的键，避免非法键出现：

interface CheckboxesState {
  option1?: boolean;
  option2?: boolean;
  // 可以继续添加其他固定的可选键
}

interface FieldProps {
  checkboxesState: CheckboxesState;
}

初始空对象{}完全符合这个类型，因为所有属性都是可选的；当用户点击复选框后，对应的键会被赋值为true或false。

3. 有规则的动态键（更精准） #

如果复选框的键有固定规则（比如都是option加数字，像option1、option2），可以用模板字面量类型来约束键的格式：

// 定义键的类型：必须是option开头加数字
type CheckboxKey = `option${number}`;
// 用Record约束键值对结构
type CheckboxesState = Record<CheckboxKey, boolean>;

interface FieldProps {
  checkboxesState: CheckboxesState;
}

这种写法既能支持动态生成的键，又能避免不符合规则的键被误用。

内容的提问来源于stack exchange，提问作者Devmix