Динамические флажки реагируют на получение значений

Question

Я делаю вызов API, чтобы получить массив значений, используя Axios, который я затем отображаю с соответствующими входами / метками в следующем коде:

checkList = this.state.assignment.specs.map(function(spec, index) {
   return(<div><input type="checkbox" id="assignment" style={{color: '#5d8f90'}} />&nbsp;&nbsp;<label style={{display: 'inline'}}>{spec}</label>&nbsp;&nbsp;</div> );
});

Когда пользователь вызывает кнопку,Я хочу иметь возможность получить список элементов, если они были отмечены / не отмечены, в идеале что-то вроде ниже:

["checked", "unchecked", "checked"]

Любая помощь приветствуется!

Answer 1

Я нашел ответ сам, есть библиотека под названием react-checkbox-group, которая решает мои проблемы здесь.

https://github.com/ziad-saab/react-checkbox-group

Answer 2

Одним из решений является добавление onclick() слушателей к кнопкам.Эти слушатели просто называют setState().Затем, когда вам нужны значения, вы получаете их от this.state, а не от самих элементов управления.