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

我不喜欢的是我的Field的错误信息。我想使用lambda，以便我可以在每个字段上传递自定义错误消息，但如果我将验证转换为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"
 />

我希望这有帮助，干杯