🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
[toc] ## Form.create()() 返回一个高阶组件,向原本的组件传递一些属性,用来设置表单字段的值 和获取值 ``` const WrappedLoginForm = Form.create({})(LoginForm); ``` ## getFieldDecorator ``` const FormItem = Form.Item ``` ``` const {getFieldDecorator} = this.props.form ... <FormItem> { getFieldDecorator('username',{ rules:[{required:true,message:'请输入用户名'}] })(<Input placeholder="用户名">) } </FormItem> ``` ## validateFields ![](https://box.kancloud.cn/145b8814d60b5e26e9bde15afed92392_707x244.png) ``` class Login extends Component{ handleSubmit = (event)=>{ event.preventDefault(); this.loginForm.props.form.validateFields((err,values)=>{ if(err){ message.warn(err.toString()); }else{ this.props.dispatch({ type:'login/login' ,payload:values }); } }); } } ```