Пользовательская проверка с помощью Antd и redux-form-antd - PullRequest
Новая
       20

Пользовательская проверка с помощью Antd и redux-form-antd

0 голосов
/ 25 марта 2019

Я использую redux-form-antd, и меня почему-то смущает проверка.Для Input я использую следующее: 

import { Field } from "redux-form";
import { TextField } from 'redux-form-antd';

// validation
const validateAcronym = {
    validate: v => (v ? '' : 'Error')
};

// form layout
const formItemLayout = {
    labelCol: {
        xs: { span: 24 },
        sm: { span: 8 },
    },
    wrapperCol: {
        xs: { span: 24 },
        sm: { span: 16 },
    },
};

// antd field
<Field
    {...formItemLayout}
    {...validateAcronym}
    label="Acronym" name="acronym"
    component={TextField}
    placeholder="The Acronym of this Token"
/>

Что мне не нравится, так это сообщение об ошибке моего поля.Я хотел бы использовать лямбду, чтобы я мог передать пользовательское сообщение об ошибке в каждом поле, но если я преобразую валидацию в лямбду, я получаю ошибки в React.Какой правильный путь?

1 Ответ

1 голос
/ 29 апреля 2019

Я использую "redux-form-antd": "3.0.3", и этот способ работает для меня.

validations.js 

export const required = value => (value ? undefined : 'Required');

Form.js 

import { required } from './validations';

<Field
    label="Acronym" name="acronym"
    component={TextField}
    validate={[required]}
    placeholder="The Acronym of this Token"
 />

Надеюсь, это поможет, ура

...