如何在 React Hook Form 上提交時增加更多價值？

Question

我想在 function 上添加更多值，我嘗試這樣：

const onSubmit = (data, value) => {
   console.log(data);
   console.log(value);
}

<form onSubmit={handleSubmit(onSubmit(someValue))}>
  <input id="file1" name="file1" type="file" ref={register}/>
  <input type="submit"/>
</form>

例如，我嘗試向 onSubmit function 添加一些值，當我控制台記錄時，它是未定義的。 有什么方法可以為 onSubmit 賦值。

Answer 1

如果您想在將值傳遞給onSubmit處理程序 function 之前更改它，您可以在handleSubmit function 中修改數據 object。即使這些屬性不對應於任何表單的輸入字段，仍然可以工作。

以下是如何在將更多值傳遞給onSubmit處理程序之前添加更多值：

const onSubmit = (data) => {
   console.log(data);
}

<form onSubmit={handleSubmit((data) => {
  data.someValue = "someValue property";
  onSubmit(data);
})}>
  <input id="file1" name="file1" type="file" ref={register}/>
  <input type="submit"/>
</form>