antd4-vi-form
v1.1.8
Published
fake antd4 form
Downloads
20
Readme
本菜鸡的第一个npm包,从1.0.0改到1.1.1,不喜欢这个数字所以写个README来到了1.1.2, 然后不会写md改到了这个版本.. 因为npm目前antd4的form包基本使用都有一些问题,所以突然心血来潮自己做一个, 开箱级别的东西, 很多地方需要完善, 但是基本的使用是没问题的
食用方法 `import Item from 'antd4-vi-form/dist/Item'
import EhancedForm from 'antd4-vi-form/dist/Ehanced'
import Form from 'rc-field-form' `
这里属实可以把rc封装进去的,但是不得已需要往外穿透form的值,到时候又得穿透ref出来, 而且暴露出来的写法更贴合antd一点
EhancedForm就相当于Form,Item相当于Form.Item
const [form] = Form.useForm()
<EhancedForm errorList={errorList} onFinish={v => {
console.log(`v`, v)
}} form={form}>
<Item label='姓名' initialValue={'2345'} rules={[{ required: true, message: '请输入姓名' }]} name='name' />
<Item label='兴趣爱好' initialValue={''} rules={[{ required: true, message: '请输入兴趣爱好' }]} name='hobby' />
EhancedForm这个组件暴露Props为onFieldsChange和onFinish,其他props需要传递请使用formProps对象包裹如
Item暴露出去的props基本和antd别无二致,多暴露出一个props是type, 默认的type为Input, 目前只支持了DatePicker和Input, 后续有时间再更新。。。
也可以传children, 如
<Item label='姓名' initialValue={'2345'} rules={[{ required: true, message: '请输入姓名' }]} name='name' />