使用Antd和redux-form-antd进行自定义验证

Question

我使用的是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"
/>

我不喜欢的是my Field的错误消息。我想使用Lambda，这样我就可以在每个字段上传递一个自定义的错误消息，但是如果我将validate转换为lambda，我会在React上得到错误。正确的方法是什么？

Answer 1

我使用"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"
 />

我希望这能帮上忙，干杯