React Admin - 如何禁用验证 onChange答案

【问题标题】：React Admin - How to disable validation onChangeReact Admin - 如何禁用验证 onChange
【发布时间】：2021-11-04 16:54:34
【问题描述】：

我正在使用react-admin，我有一个巨大的表单，带有一堆自定义验证。即使使用构建版本，它也很慢。

我试图找到一种方法来禁用对 change 的验证，并仅在 blur 或 submit 上进行验证。但是我还没有找到解决方案甚至解决方法。

每次在我的输入文本中按下一个键（例如），都会触发多次验证，并且需要一段时间才能出现字母。

这就是我想禁用更改验证的原因。

这是我的一个表格示例，我在FormTab 中写的每封信都显示了“验证我”。

export const ThemeCreate: FC = (props: any) => (
  <Create {...props} title="ui.themes.create" mutationMode="pessimistic">
    <TabbedForm
      toolbar={<GenericCreateToolbar />}
      validateOnBlur
      warnWhenUnsavedChanges
      validate={() => {
        console.log('validate me!');
      }}
    >
      <MainFormTab />
      <TranslationsFormTab />
    </TabbedForm>
  </Create>
);

【问题讨论】：

请分享您正在使用的表单代码
我用一个例子编辑了我的帖子。

标签： javascript react-admin react-final-form final-form

【解决方案1】：

您需要在表单组件中使用validateOnBlur={true} 属性。

这个道具来自 final-form 的 <Form> 组件，请参阅此文档页面中的最后一个 https://final-form.org/docs/react-final-form/types/FormProps

【讨论】：

感谢您的回答！但我已经试过了，react-admin 似乎并没有禁用更改验证。