微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

从 Typescript 中的默认值中获取值

如何解决从 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数据并将其作为“认值”放入输入框中。

然后在发送数据时,它不起作用。

使用 on change 函数获取数据如下

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 举报,一经查实,本站将立刻删除。