将ant设计输入组件与antd表单之外的验证规则一起使用

时间:2020-06-29 23:00:18

标签: forms antd react-hook-form

我不想使用antd Form组件,但是我想使用数据输入组件,并且我想在不满足诸如this.$set(this.exploredFields, index, true) 之类的某些规则时捕获它们的样式。

我现在正在使用required,并且包裹了一个表单元素

react-hook-forms

以这种方式,规则验证不会运行。

如果我将其更改为:

<FormContext>

<Controller
        rules={{ required: 'Enter your name!' }}
        name="name"
        as={<Input />}
        placeholder="name"/>

</FormContext>

我在提交时得到了默认的必需样式,一切正常。

如果我做这样的事情:

<Controller
        rules={{ required: 'Enter your name!' }}
        name="name"
        as={<Input required />}
        placeholder="name"/>

我与表单上下文提供者发送的默认值无法识别,并且未通过Form.Item注册添加的数据

我想将此antd样式用于此组件,而不是导入任何antd Form特定代码。有办法吗?

0 个答案:

没有答案