从 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 (将#修改为@）

inputbox typescript typescript typescript