React Hook Form：如何自定義Controller的發送值

Question

我將 React 和 Antd 與 React-Hook-Form（控制器）一起使用，我正在尋找一種解決方案來在我單擊提交按鈕時自定義我的 Controller 響應：

使用 Antd：多個 select 模式發送了一個包含所有選定值的數組，我想發送一個包含所有選定值並用逗號分隔的字符串：

例子：

我的實際 Output：['A','B','C','D']

預期 output：'A;B;C;D'

我想用 (;) 將我的數組轉換為字符串， 這是我的實際代碼。

你知道如何實現嗎？

謝謝

Answer 1

你可以通過這樣做來實現：

onChange={(e) => field.onChange(console.log(e.join(";")))}

您可以通過將其更改為來對handleSubmit執行相同的操作

onSubmit={handleSubmit((data) => console.log(data.fields.join(';')))}