React-select & creatable select with react-hook-form 专注于验证错误

Question

我在 react-hook-form 中使用创建 select 组件。我已经尝试了 react-select 和 creatable-react-select 两者，我在这个问题的上下文中遇到的行为是相同的。

使用最新的react-hook-form (7.6.1)，当字段绑定错误时，我无法将字段设置为焦点。 CODE SANDBOX EXAMPLE FOR THIS

当我使用旧版本的 react-hook-form 时，我可以使此行为按预期工作。 CODE SANDBOX EXAMPLE FOR THIS

因为我希望此行为在最新的 react-hook-form 中起作用，所以对第一个示例中的问题有什么建议吗？

Answer 1

将控制器用于 react-select 组件，但没有使用控制器“render”方法中的属性“field”，因此，未设置 ref 元素以帮助 react-hook-form设置焦点。

工作样本：code sandbox