Я создаю раздел своего приложения, который позволяет пользователю выбирать определенные элементы с помощью флажков.Моя цель состоит в том, чтобы иметь массив в состоянии компонента (this.state.schoolsSelected), который редактируется при событиях щелчка, чтобы сохранить все выбранные значения в OnChange, а затем передать этот массив.которые представляют типы школ (Elem, Middle, High, и т. д.), а затем каждая школа отображается с флажком индивидуально.Моя конечная цель - получить все значения всех выбранных флажков.
У меня проблемы с обработкой различных сценариев с состоянием компонента, и я надеялся, что кто-то еще обращался с этой проблемой ранее.
Мойтекущее решение состоит в том, чтобы каждый флажок отображался с его «отмеченным» свойством, представляющим группу школ как ее проверенное состояние (то есть 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>
)
Однако я не могу выбрать один из флажков по отдельности, поскольку они полагаются на это свойство группы.
Пожалуйста, дайте мне знать, если вам нужны какие-либо разъяснения по поводу того, что я спрашиваю.