Как хранить значения отмеченных флажков в массиве вactjs

Question

Я использую response-checkbox-group из "https://www.npmjs.com/package/react-checkbox-group".. Я хочу добавить 4 флажка в свое веб-приложение, каждый из которых имеет разные значения. Затем я хочу сохранить эти значения в массиве. Iу меня есть код ниже для того, что я пытаюсь сделать, и я не уверен, как обрабатывать событие «onChange». Сейчас в массиве «baseballItems» изначально есть все элементы, и я хочу, чтобы непроверенные исчезли, но яЯ открыт для изменения, так что он пуст, и отмеченные поля заполняют массив.

`this.state = { baseballItems: ['bat','baseball', 'shoes', 'cap']}

...

<CheckboxGroup
checkboxDepth={2}
name="baseballItems"
value={this.state.baseballItems}
onChange={(event) => this.setState({ baseballItems: [event.target.isChecked]})}>
<label><Checkbox value="bat"/> bat</label>
<label><Checkbox value="baseball"/> baseball</label>
<label><Checkbox value="shoes"/> shoes</label>
<label><Checkbox value="cap"/> cap</label>
</CheckboxGroup>`

Answer 1

this.state = { baseballItems: ['bat','baseball', 'shoes', 'cap']}

...

<CheckboxGroup
  checkboxDepth={2}
  name="baseballItems"
  value={this.state.baseballItems}
  onChange={(items) => { this.setState({ baseballItems: items }); }}
>
    <label><Checkbox value="bat"/> bat</label>
    <label><Checkbox value="baseball"/> baseball</label>
    <label><Checkbox value="shoes"/> shoes</label>
    <label><Checkbox value="cap"/> cap</label>
</CheckboxGroup>

Аналогичный пример есть в react-checkbox-group readme