我在使用React的onSubmit中发生以下事件,并将其从Javascript更改为TypeScript。
const submitUserHandler = (e) => {
e.preventDefault();
dispatch(
authenticate({
name: e.target.personname.value,
pw: e.target.password.value,
})
);
};
我尝试将'e:React.ChangeEvent'分配给事件,但是会提示如下错误:
类型“ EventTarget&HTMLInputElement”上不存在属性“ personname”。
如何指定还包括个人名称和密码的类型?谢谢!
你可以做这样的事情
<form
ref={formRef}
onSubmit={(e: React.SyntheticEvent) => {
e.preventDefault();
const target = e.target as typeof e.target & {
personname: { value: string };
password: { value: string };
};
const email = target.personname.value; // typechecks!
const password = target.password.value; // typechecks!
// etc...
}}
>
<div>
<label>
Email:
<input type="personname" name="personname" />
</label>
</div>
<div>
<label>
Password:
<input type="password" name="password" />
</label>
</div>
<div>
<input type="submit" value="Log in" />
</div>
</form>
详情请参阅
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句