zl程序教程

您现在的位置是:首页 >  其它

当前栏目

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()

.