Javascript 反应复选框组/个人复选框

我正在构建我的应用程序的一个部分，允许用户通过使用复选框来选择某些项目。我的目标是在组件状态（this.state.schoolselected）下创建一个数组，该数组在单击事件时进行编辑，以在更改时存储所有选定的值，然后提交该数组

有5个复选框部分选项代表学校的类型（小学、中学、高中等），然后每个学校都会单独显示一个复选框。我的最终目标是获取所有选中复选框的所有值

我在处理组件状态的不同场景时遇到了问题，希望以前有人解决过这个问题

我目前的解决方案是，让每个复选框呈现其“checked”属性，表示学校组作为其选中状态（即this.state.isMiddleChecked，this.state.isHighChecked）。当我选中“选择所有中学”这样的复选框时，所有中学都被选中

return(
      <Col key={index} sm={3}>
        <Checkbox
          checked={this.state.isHighChecked}
          value={index}
          onChange={this.onChange}
        >{school.name}</Checkbox>
      </Col>
    )

返回(
{学校名称}
)

但是，我无法单独选择任何复选框，因为它们依赖于此组属性

---

请让我知道，如果你需要任何澄清我的问题

如何添加一个新属性（如id、类或任何给定名称），您可以选择所有单独分组的复选框？

如何添加一个新属性（如id、类或任何给定名称），您可以选择所有单独分组的复选框？

是否在应用程序中的任何其他位置使用此更改？这是否绑定了允许单击的函数？这是一个函数吗？这个.onChange是否在应用程序的其他地方使用？这是否绑定了允许单击的函数？这是一个功能吗？这是一个评论，不是回答我没有所需的声誉是的这是一个评论，不是回答我还没有所需的声誉