如何解决从 Typescript 中的默认值中获取值
这是登录表单
const [
isLoginRequest,onLoginRequest,onChangeEmail,onChangePassword,] = useLogin();
return (
<Container>
{/* Main logo */}
<logoWrap onClick={fullscreen}>
<logo src="/assets/logo.png" alt="logo" />
</logoWrap>
{/* Login Form */}
<FormWrap>
<LoginForm onSubmit={onLoginRequest}>
<EmailInput
type="email"
placeholder="ENTER THE EMAIL"
onChange={onChangeEmail}
autoFocus
defaultValue={onEmailVal}
/>
<PasswordInput
type="password"
placeholder="ENTER THE PASSWORD"
onChange={onChangePassword}
/>
<IdsaveWrap>
<ChkInput type="checkBox" id="remember_email" defaultChecked={onchkBox}/>
<span>SAVE EMAIL</span>
</IdsaveWrap>
<SubminBtnWrap>
<SubmitButton type="submit">
{isLoginRequest ? <Spin /> : null}
<RippleEffect></RippleEffect>
</SubmitButton>
</SubminBtnWrap>
</LoginForm>
</FormWrap>
</Container>
);
}
现在,我正在尝试为“ID 保存功能”编写代码 所以写了获取电子邮件的cookie数据并将其作为“默认值”放入输入框中。
然后在发送数据时,它不起作用。
type returnType = [
boolean,(e: FormEvent<HTMLFormElement>) => void,(e: ChangeEvent<HTMLInputElement>) => void,(e: ChangeEvent<HTMLInputElement>) => void
];
function useLogin(): returnType {
const [email,setEmail] = useState<string>("");
const onChangeEmail = ({
target: { value },}: ChangeEvent<HTMLInputElement>) => {
setEmail(value);
};
现在,如果没有更改,我如何将默认值设置为实际值。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。