如何解决做出反应:记住我的登录表单中的复选框不起作用
我有一个登录表单功能组件,该组件使用由<xsl:template match="field">
<xsl:value-of select="replace(.,'<','')"/>
</xsl:template>
组成的react-hooks构建。
由于某种原因,该复选框无法正常使用,当我单击它时,它会打勾或取消勾号。基本上它的状态没有改变。
userid,password and rememberMe checkbox
需要发送到后端。这就是为什么我必须将其与输入耦合。如果这是一个独立的复选框,那将很容易。
我有userid,password and rememberMe checkbox
个用于handleChange()
,我有userid,password
个用于处理handleChechbox()
。
下面是完整的代码。
checkbox
解决方法
您正在读取的名称属性是“复选框”而不是“ rememberPassword”。我以为输入的简单控制台日志会显示您设置了错误的属性名称。
无论如何,您的输入都是受控制的,您无需读取DOM值,因为您知道该值是什么以及应该更改为什么。
function handleRememberMeChange(e) {
setInputs((inputs) => ({ ...inputs,rememberPassword: !inputs.rememberPassword }));
}
如果您希望它从某个属性正常工作,则使用id
或将name
更改为“ rememberPassword”。并使用e.target.checked
而不是e.target.value
。
做onChange={handleChechbox}
而不是onChange={(event) => handleChechbox(event)}
也没关系。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。