我遇到了一个函数捕获状态变量的问题:

const SignIn = ({componentId}) => {
    const [email, setEmail] = useState("");
    const [emailError, setEmailError] = useState(false);
    ...
    const getEmail = event => {
        setEmail(event);
        if (emailError && email.length > 0){
          setEmailError(false);
        }
    };
    .....
}


问题在于getEmail函数捕获emailError和电子邮件变量。因此,当“ getEmail”第一次运行时,它可以正确地作用于正确(最新)的email和emailError上。但是,当函数第二次运行时,它引用错误的(旧的)电子邮件和emailError,因为该函数仍然捕获了旧的值。

如果有人知道如何避免此问题或有提示,请告诉我。感谢您的帮助。

最佳答案

尝试这个,

 const SignIn = ({componentId}) => {
 const [email, setEmail] = useState("");
 const [emailError, setEmailError] = useState(false);
 ...
 const getEmail = event => {
    setEmail(event);
    if (emailError && email.length > 0){
      setEmailError(false);
      setEmail("");
    }
};
.....


}

10-08 17:05