Ant Design Mobile 使用 rc-form
Form Design ant mobile RC 使用
2023-09-11 14:15:30 时间
引入:
import { createForm } from 'rc-form';
步骤一:绑定 form
// 将form表单的api绑定到props,便于调用 const EditHeaderWrapper = createForm()(EditHeader); export default connect(({homeListRedux})=>{ return { data:homeListRedux.data } })(EditHeaderWrapper)
步骤二:绑定 item
<InputItem {...getFieldProps('jq',{ initialValue:state.jq // 初始值 })} placeholder="请输入" >监区</InputItem>
步骤三:获取 form 的值
this.props.form.getFieldsValue()
.
相关文章
- Django-model_form
- Django-form组件补充
- dojo/dom-form
- form组件和ajax实现的注册
- [Angular2 Form] Understand the Angular 2 States of Inputs: Pristine and Untouched
- [Angular2 Form] Display Validation and Error Messaging in Angular 2
- [AngularJS]13. Live preview, Form, ng-model
- ExtJs之Ext.form.field.ComboBox组合框
- [HTML 5] Access form and elements
- [Angular] Custom directive Form validator
- [Angular2 Form] Validation message for Reactive form
- Python Django 表单类Form(py代码画form表单仅渲染页面)
- 关于 HTTP post 请求 form data 里的特殊符号,比如加号 plus symbol
- paip.navicat form mysql导入文本文件时CPU占用100%的解决
- javascript-js模拟form页面提交跳转
- C#界面里Form.Language 属性的使用