首页 > 解决方案 > 如何在反应中保存多个复选框值

问题描述

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

谢谢

标签: javascriptarraysreactjsecmascript-6ecmascript-2016

解决方案


在不知道您的代码的情况下,我认为答案是创建如下内容:

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

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


推荐阅读