web-dev-qa-db-ja.com

Antのデザイン。フォームフィールドのエラーメッセージを動的に設定する方法

フォームフィールドには多くの非同期チェックルールがあります。複合APIは異なる結果を返すことでこれらのルールを一度にチェックできるため、あまり多くのAPIリクエストを発行したくありません。

antd
6
zheng li

使用する form.setFields

構文

Function({ fieldName: { value: any, errors: Error } })

ここ からの例-

this.props.form.setFields({
  user: {
    value: values.user,
    errors: [new Error('forbid ha')],
  },
});
17
Aseem Gautam

カスタムエラーメッセージを追加する必要がある場合は、validateStatus && help属性を使用します。たとえば、プロップのloginError（string）としてエラーが発生しました。

<Form.Item
    { ...props.loginError && {
        help: props.loginError,
        validateStatus: 'error',
    }}>
    {getFieldDecorator('email', {
        rules: [
            { required: true, message: 'You have to write the email' },
        ],
    })(
        <Input size="large"/>,
    )}
</Form.Item>
3
ybaturin

構文はv4で更新されます

新しい構文は次のとおりです。

setFields.   |  Set fields status   |   (fields: FieldData[]) => void

例：

form.setFields([
   {
     name: 'field-to-update',
     errors: ['error-string'],
   },
]);
2
js begginer