react-hook-form 在加载时显示错误消息

【问题标题】：react-hook-form display error message on loadreact-hook-form 在加载时显示错误消息
【发布时间】：2021-10-27 12:10:48
【问题描述】：

我正在使用 react-hook-form 在我的 react 应用中创建表单。

一切正常，但我想在加载表单时显示所有错误消息，而无需单击提交按钮。我检查了文档，但找不到任何解决方案。

感谢任何帮助和建议。

谢谢！

【问题讨论】：

【解决方案1】：

将 mode 属性设置为 onChange 以在字段值更改时即时获取错误。

const { ...methods, trigger } = useForm({ mode: 'onChange' });

在组件安装后调用trigger() 以在表单首次加载默认数据时手动验证：

useEffect(() => {
  trigger();
}, [trigger]);

【讨论】：