小编Kir*_*mar的帖子

我使用react-hook-form进行表单验证和提交，使用单个提交类型按钮一切正常，现在我需要三个按钮，“保存草稿”，“预览页面中的数据值”和“提交审批”，我可以选择退出模式选择单选按钮，但想要具有三个按钮提交功能，这需要表单数据。为输入字段添加 onchnage 可以，但表单验证需要重新编写。

  const { register, handleSubmit } = useForm();
  const onSubmit = (data) => alert(JSON.stringify(data));
  function NeedTohaveFormDataHere1(Data) {

   } function NeedTohaveFormDataHere2(Data) {

   }
    return (  <form onSubmit={handleSubmit(onSubmit)}>
     <Headers />

  <input name="firstName" ref={register} placeholder="First name" />

  <input name="lastName" ref={register} placeholder="Last name" />

  <select name="category" ref={register}>
    <option value="">Select...</option>
    <option value="A">Category A</option>
    <option value="B">Category B</option>
  </select>
  <button onClick={NeedTohaveFormDataHere1}>
   Save Draft
  </button > 
  <button onClick={NeedTohaveFormDataHere2}>
    Preview
  </button>  
  <input type="submit" />
</form>
 );
 }
 

onSubmit函数会获取表单数据，其他两个按钮函数如何获取表单数据？

爱..与

  <button onClick={handleSubmit(NeedTohaveFormDataHere1)}>
   Save Draft
  </button > 
  <button onClick={handleSubmit(NeedTohaveFormDataHere2)}> …