如何在React中保存多个复选框值

时间:2019-08-21 16:18:32

标签: javascript arrays reactjs ecmascript-6 ecmascript-7

我认为问这个问题可能很愚蠢,但是请相信我,我是ReactJS的新手,我想为checkbox编写一个逻辑。实际上,我的程序中有多个复选框,我想将多个复选框值(如果用户选择)保存在单个State或Array中。我尽力但没有找到合适的解决办法。有人能帮我解决这个问题吗?

谢谢

1 个答案:

答案 0 :(得分:1)

在不知道您的代码的情况下,我认为答案将是创建类似以下内容的

<input
    type="checkbox"
    checked={this.state.active}
    onClick={this.handleClick}
/>

然后让handleClick切换内存中某个对象的属性(从状态派生),然后使用该对象调用setState,以将所有复选框的值保存在单个状态属性中。