Question

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

有5个复选框部分选项代表学校类型（elem，middle，high等），然后每个学校都单独使用复选框进行渲染。我最终的目标是获取所有选中复选框的所有值。

我无法使用组件状态处理不同的方案，并且希望其他人之前已经解决了这个问题。

我目前的解决方案是让每个复选框都显示为＆＃34;已选中＆＃34;表示学校组作为其检查状态的属性（即this.state.isMiddleChecked，this.state.isHighChecked）。当我选择＆＃34;选择所有中间＆＃34;之类的复选框时，将选择所有中学。

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

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

如果您需要澄清我的要求，请告诉我。

Answer 1

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

React Checkbox Group / Individual Checkbox

1 个答案: