getfielddecorator专题

ant.design 3x getFieldDecorator 如何一个字段存储多个值

中后台开发的时候,可能会遇到下面这种表格里面嵌套form表单的情况。如果你使用的是ant.design 3x ,由于表格行时循环出来的,且同一列对应的输入框的字段是相同的,如果我们用getFieldDecorator装饰了表单,我们就需要解决如何让getFieldDecorator 用一个字段存储多个值的问题。 官网没有找到相关的方法,经尝试下面的方法可以解决: <Form.Item>{g

Form.getFieldDecorator里面的rules可否用自定义方法来进行validate

1.使用getFieldDecorator的rules规则 最简单的方法就是使用getFieldDecorator中的rules验证。rules中定义校验规则,message为校验不通过时的提示文字。 {getFieldDecorator('inputContent', {rules: [{required: true, message: '请输入内容!',}],})(<Input />)}

getFieldDecorator添加事件监听getValueFromEvent

{getFieldDecorator("ratio", {initialValue: ratio,getValueFromEvent: e => {this.setState({currentValue: Number(e.target.value),});return e.target.value;},rules: [{required: true,message: `中奖概率`,},],})