writeform

一个基于 react 的手写 form 基本功能的库，旨在梳理 antd form 的工作原理

作者：constRen

install

npm install writeform
yarn add writeform

API

Form

form

经 Form.useForm() 创建的 form 控制实例，不提供时会自动创建

initialValues

表单默认值，只有初始化以及重置时生效

onFinish

提交表单且数据验证成功后回调事件

onFinishFailed

提交表单且数据验证失败后回调事件

Form.Item

name

字段名

rules

校验规则的数组，设置字段的校验逻辑

onChange

字段值变更的回调函数

FormInstance

useForm

用于创建form 控制实例(FormInstance)，不提供时会自动创建

formInstance = Form.useForm()

setFieldValue

设置表单的值（该值将直接传入 form store 中）

formInstance.setFieldValue('username', "constRen")

setFieldsValue

设置表单的值（批量）

formInstance.setFieldsValue({ username: "constRen", password: "123456" })

getFieldValue

获取某个字段的值

formInstance.getFieldValue('password')

getFieldsValue

获取所有字段的值

formInstance.getFieldsValue()

setInitialValues

设置表单默认值

formInstance.setInitialValues({ username: "constRen", password: "123456" })

submit

提交表单，与点击 submit 按钮效果相同