React Hooks Form：提交时未定义值

使用React Hooks Form是开发React表单的一种简单且高效的方式。然而，有时在提交表单时，我们可能会遇到一个问题：未定义的值。这意味着当我们提交表单时，某些输入字段的值可能会为空，这可能导致我们的应用程序出现错误或不完整的数据。本文将探讨这个问题，并提供解决方案。

javascript
import React from "react";
import { useForm } from "react-hook-form";
function LoginForm() {
  const { register, handleSubmit } = useForm();
  const onSubmit = (data) => {
    console.log(data);
  };
  return (
    
      用户名
      
      密码
      
      登录
    
  );
}
export default LoginForm;