0
点赞
收藏
分享

微信扫一扫

前端项目实战贰佰react-admin+material ui-react-admin之validate

AbrahamW 2023-11-26 阅读 67

const validateUserCreation = (values) => {
    const errors = {};
    if (!values.firstName) {
        errors.firstName = 'The firstName is required';
    }
    if (!values.age) {
        // You can return translation keys
        errors.age = 'ra.validation.required';
    } else if (values.age < 18) {
        // Or an object if the translation messages need parameters
        errors.age = {
            message: 'ra.validation.minValue',
            args: { min: 18 }
        };
    }
    return errors
};

export const UserCreate = () => (
    <Create>
        <SimpleForm validate={validateUserCreation}>
            <TextInput label="First Name" source="firstName" />
            <TextInput label="Age" source="age" />
        </SimpleForm>
    </Create>
);

validate必须是个函数 将记录作为输入,并返回一个包含按字段索引的错误消息的对象



举报

相关推荐

0 条评论