Question

我正在尝试让我的自定义输入组件与标准required检查一起运行。在我的游乐场代码中，这些行如下：

<Form.Item label='as' name='ass' rules={[{required: true, message: 'basdasd'}]}>
<Input placeholder="asd" />
</Form.Item>

当您单击提交时，此代码将显示一条要求消息，并在键入内容时清除该消息。就像文档中的动态规则示例一样。

现在我也有这段代码：

<Form.Item rules={[{ required: true, message: 'basdasaaasd' }]} id='micp_form_item_fld_password' name='b'>
<MicpTextField strCode='fld_password' oOriginalProps={{ value: strPassword, onChange: funcSetField, size: 'small' }} />
</Form.Item>

当您单击“提交”时，该字段也将显示为required，这将在该字段中输入一个值。但是，当您键入内容时，该字段仍将视为空，至少要求的检查失败。我在想我要么需要对onChange进行处理，要么要传递更多原始值。在自定义组件中，作为孩子，您有一个Input。

funcSetField代码是：

const funcSetField = e => {
if (e.target.id === 'micp_fld_email') {
setFldEmail(e.target.value);
} else {
setFldPassword(e.target.value);
}
};

但是，删除该功能没有什么区别，除了您不能在输入字段中键入内容。

有什么建议吗？

Answer 1

该问题的原因在于没有onChange等触发器。按照手册中的自定义控件进行控制之后，我就可以解决该问题

自定义组件中的必填字段在填写时显示必填

1 个答案: