React - props应定义为false

Question

在React中工作，我需要将props状态定义为false。 现在我的状态设置如下并且有效：

this.state = {
  XXS: false,
  XS: false,
  S: false,
  SM: false,
  M: false,
  L: false,
  XL: false,
  XXL: false,
};

但是我需要它比这更简单，因为将来可能会有更多的尺寸，所以它们不应该被硬编码。我可以用这个衬垫吗？

以下形式的东西：

this.state.sizes = false;

感谢您的任何意见！

Answer 1

像这样使用setState：

for(var propertyName in this.state) {
    this.setState({ [propertyName]: true });
}

Answer 2

太容易了......

this.state = {
  sizes: false
};