我按下登录按钮后，我的handleLogin函数没有被触发？

Question

<p><br />></p>

const [showRegister, setShowRegister] = useState(false);
常量{
  登记，
  处理提交，
  表单状态：{错误}，
  重置，
} = useForm({
  解析器：zodResolver(formSchema),
});

const handleFormSubmit: SubmitHandler; =（数据）=> {
  console.log("你好世界");
  if (showRegister === true) {
    处理寄存器（数据）；
    console.log("注册数据");
  } 别的 {
    处理登录（数据）；
    console.log("登录中");
  }
};

const handleRegister: SubmitHandler; =异步（数据）==> {
  控制台.log(数据);
  常量凭证 = {
    用户名：数据.用户名，
    密码：数据.密码，
    确认密码：数据.确认密码，
    电子邮件：数据.电子邮件，
  };

  尝试 {
    const 响应 = 等待添加（凭据）；
    控制台.log(响应);
    重置（）;
  } 捕获（错误）{
    控制台.log(错误);
  }
};

const handleLogin: SubmitHandler; =异步（数据）==> {
  控制台.log(数据);
  console.log("helloworld");
  常量凭证 = {
    用户名：数据.用户名，
    密码：数据.密码，
  };
  尝试 {
    const 响应 = 等待登录（凭据）；
    控制台.log(响应);
    console.log(isSuccess);
    导航（“/用户”）；
    重置（）;
  } 捕获（错误）{
    控制台.log(错误);
  }
};

返回 （
  
;
    {/* 输入字段和其他内容 */}
    {显示注册？ （
      <按钮类型=“提交”onClick={handleRegister}>
        登记
      </按钮>
    ) : (
      <按钮类型=“提交”onClick={handleLogin}>
        登录
      </按钮>
    )}
    {显示注册？ （
      

        已有账户？
        

          style={{ 光标: "指针", fontWeight: "粗体" }}
          onClick={() =>; setShowRegister(假)}
        >
          登录
        </p>
      
    ) : (
      

        没有帐户？
        

          style={{ 光标: "指针", fontWeight: "粗体" }}
          onClick={() =>; setShowRegister(true)}
        >
          报名
        </p>
      
;
    )}
  </form>
);</pre>
<p>无论我做了什么更改，handleLogin都没有被触发...不仅仅是关于API调用的问题，甚至像console.log这样的调试语句也没有执行。有人可以帮我解决吗？请问如何修复handleRegister函数在点击"Register"按钮时被调用，但在点击"Login"按钮时没有任何反应？</p>            

Answer 1

由于您正在使用表单的onSubmit事件，所以不需要为登录或注册按钮使用onClick事件。尝试在按钮上移除onClick事件后再试一次。