React-hook-form 更新验证

Question

我想根据另一个字段的状态更新一个字段的验证。我的情况如下：

1. 正确填写电子邮件字段（未显示错误）
2. 正确填写电话号码字段（未显示错误）
3. 删除电话号码（未显示错误，因为电子邮件仍然有效且电话号码依赖于它）。
4. 删除电子邮件 - 现在这是一个奇怪的行为 - 电子邮件字段显示正确的错误，但电话号码显示旧错误（'无效的电话号码'）但它应该显示新错误，与电子邮件一样（'我们需要至少一个表格联系方式”）。

当我关注电话号码字段然后取消关注时，它会“更新”并显示正确的错误。

我想要做的是在第 4 步显示正确的电话号码错误。无需聚焦/取消聚焦。

我希望codeandbox能让事情更清楚： https://codesandbox.io/s/hopeful-nightingale-0m41z

Answer 1

我认为您需要根据您的要求更新mode 来代替onTouched。

https://react-hook-form.com/api#errors