reactjs - 动态复选框反应获取值

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