动态复选框反应获取值

Question

我正在使用Axios进行API调用以检索值的数组，然后在下面的代码中以相应的输入/标签显示它：

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

一种解决方案是将onclick()侦听器添加到按钮。这些监听器仅调用setState()。然后，当您需要这些值时，可以从this.state而不是控件本身中获取它。

Answer 2

我自己找到了答案，这里有一个名为react-checkbox-group的图书馆可以满足我的需求。

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