React-select & creatable select with reatc-hook-form 關注驗證錯誤

Question

我在 react-hook-form 中使用 create select 組件。 我已經嘗試過 react-select 和 creatable-react-select 兩者，我在這個問題的上下文中遇到的行為是相同的。

使用最新的 react-hook-form (7.6.1)，當字段綁定錯誤時，我無法將字段設置為焦點。 為此編寫沙箱示例

當我使用舊版本的 react-hook-form 時，我可以讓這種行為按預期工作。 為此編寫沙箱示例

因為我希望這種行為在最新的 react-hook-form 中起作用，所以對第一個示例中的問題有什么建議？

Answer 1

使用 controller 作為 react-select 組件，但沒有使用 Controller 的“render”方法中的 prop“field”，因此，未設置 ref 元素以幫助 react-hook-form 設置焦點。

工作示例： 代碼沙箱