蚂蚁设计表单validateTrigger从“ onBlur”动态更改为“ onChange”

Question

默认情况下，蚂蚁设计会验证“ onChange”事件中的错误，这意味着用户在首次键入时会出错，这是糟糕的UI体验。

validateTrigger可以更改为'onBlur'，但是它将始终在模糊时进行验证，甚至更糟。

预期： 用户开始输入-不显示错误 用户结束输入并模糊-显示错误 从那时起，当用户键入内容时，错误会显示\隐藏。

无法通过状态将validateTrigger从'onBlur'动态更改为'onChange'。我已经尝试过，但是失败了。

示例链接，其中用户输入时显示错误：https://codesandbox.io/s/jxqyjy293

另一个库（Formik）的示例链接，在该链接可以正常工作 https://codesandbox.io/s/lp904qlj1q

我原来的github问题 https://github.com/ant-design/ant-design/issues/12542

Answer 1

https://ant.design/components/form/?locale=en-US#getFieldDecorator(id,-options)-parameters

validateTrigger: "onBlur"

示例：

            getFieldDecorator(key, {
                validateTrigger: 'onBlur',
                rules: [{ required: field.required, message: `${field.name} is required!` }, ...rules],
            })(element);