如何解决一个复选框中的两个值带有react
我可以在复选框中输入两个值吗?通常,如果我将单个值分配给复选框,则无论何时选中或取消选中此复选框,它都会返回我的值,但是只有当我选中该值时,我才需要这种行为(最终是替代行为)。 我尝试过这种方法,但是没有用
<input type="checkbox" name="path" id="path" defaultChecked={true}
value={ this.checked ?userData.image : ''} onChange={onChangeText}/>
当然我可以在onChange函数中做到这一点,但我想找到更简单,更“美观”的方式,而无需
getElementById or e.target.name== ? something() : somethingElse()
我想在React中做到这一点。
解决方法
当您说您想要一种更简单和“审美”的方式时,您实际上在想困难。我会坚持使用onchange函数,因为它可以提高代码的可读性,并且以后再返回时也更易于跟踪。
,你。只需将价值的Turnery运算符移动到onChange方法即可,如下所示。
<input type="checkbox" name="path" id="path" defaultChecked={true}
onChange={(event) => onChangeText(event.target.checked ? userData.image : '')}/>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。