abell123456 / vanex-form

基于mobx-react-form的Form表单操作Vanex插件

vanex-form

用法

import vanexForm from 'vanex-form';

import {
    use,
} from 'vanex';

const fields = [
    {
        name: 'email',
        label: 'Email',
        placeholder: 'Insert Email',
        rules: 'required|email|string|between:5,25'
    }
];

// 使用插件
use(vanexForm({
    name: 'form',
    fields,
    onSuccess(form) {
        console.log('success:', form.values());
    },
    onError(form, {home}) {
        const errors = form.errors();
        const errorInfo = errors[Object.keys(errors)[0]];

        home.error(errorInfo);
    }
}));

具体示例见项目的example。