表单 
从提供的图谋创建窗体.
安装
yarn add @berlitz/form
道具
| 参数 | 类型 | 需求 | 默认 | 页:1 |
|---|---|---|---|---|
| 动作 | 字符串 | ✅ | 添加到 action 属性 <form> 键。 用于在 Javascript 禁用时使窗体生效 . | |
| 字段 | 数组 | ✅ | 生成窗体字段的外观 。 参考所需形状的道具型. | |
| 投递 | 函数 | ✅ | 回调用于处理表单提交 . onSubmit(values, setSubmitting, setStatus, resetForm) | |
| 启用重新初始化 | 布尔 | ❌ | true | 设置窗体 enableReinitialize 道具 (英语). 更多信息 https://tinyurl.com/rzwvmhr (中文(简体) ) |
| 方法 | 字符串 | ❌ | 邮递 | 设置 method 属性 <form> 键. |
| 隐藏字段 | 数组 | ❌ | 生成隐藏窗体字段的外观 . | |
| 光线 | 布尔 | ❌ | false | 将背景设置为坚实的颜色,并更改所有标签和文字的窗体为浅色. |
| 装入标签 | 字符串 | ❌ | "失败" | 装入时提交按钮的文本 . |
| 变化 | 函数 | ❌ | 用于处理窗体变化的回调 . onChange(values) | |
| 提交标签 | 字符串 | ❌ | "投降吧" | 提交按钮的文本 . |
| 术语标签 | 字符串 | ❌ | 术语和条件复选框的文本。 如果不提供文本, 复选框将不会显示 . | |
| 提交按钮注释 | 对象 | ❌ | 转呈给 <SubmitButton /> 这张表格。 用于触发此组件以外的提交事件 . | |
| 隐藏密钥 | 布尔 | ❌ | 与 submitButtonRef 用于显示此组件外的自定义提交按钮. |
使用量
import Form from '@berlitz/form'
<Form
action="/"
onSubmit={(values, setSubmitting) => {
alert(values)
setTimeout(() => {
setSubmitting(false)
}, 2000)
}}
submitLabel="Find out more"
fields={fields}
hiddenFields={hiddenFields}
termsLabel="I accept the terms"
onChange={values => {
setValues(values)
}}
light
/>