无法访问函数中的钩子

Question

我试图访问我在另一个函数（函数handleValidation）中创建的钩子，但该钩子及其值不可用。当我尝试使用警报检查该功能是否正常工作时（例如：警报（密码）），我得到的密码值为“未定义”.....请帮忙

 const [values, setValues] = useState({
    username: "",
    email: "",
    password: "",
    confirmPassword: "",
  });



  // Handling change
  const handleChange = (event) => {
    setValues({ values,[event.target.name]: event.target.value });
  };


    // Submit functionality
    const handleSubmit = (event) => {
      event.preventDefault();
      handleValidation();
    };



  // Validating form
  const handleValidation = () => {
    const { password,confirmPassword,username, email } = values;
      console.log(password)
    
    if (password !== confirmPassword) {
      console.log("Match", toast);
      toast.error(
        "Password and confirm password should be same.",
        toastOptions
      );
      return false;
    } else if (username === "") {
      toast.error(
        "Username should be greater than 3 characters.",
        toastOptions
      );
      return false;
    } else if (password.length < 8) {
      toast.error(
        "Password should be equal or greater than 8 characters.",
        toastOptions
      );
      return false;
    } else if (email === "") {
      toast.error("Email is required.", toastOptions);
      return false;
    }

    return true;
  };

我正在尝试检查表单中输入的凭据是否符合某些规则，

Answer 1

此代码是在一个函数中还是在多个文件中，并且您收集了它们？

它们是在函数中还是顶级代码中？

您能否提供更多代码或仅在此处发布整页代码