标签：recodes 自定义 form getName 30 校验 value 表单 callback

// 校验角色名字唯一
    getName = (rule, value, callback) => {
        const { dispatch } = this.props;
        const { recodes } = this.state;
        if (value) {
            //这里调后端接口
            dispatch({ type: 'roleModel/getName', payload: { roleId: recodes ? recodes.roleId : '', roleName: value } })
            .then((xhr)=>{
                if(!xhr){
                    callback('该角色名称已存在');//抛发异常信息
                }else{
                    callback()//必须返回,联通表单err
                }
            })
        }else{
            callback()//返回联通必填校验
        }
    }
    <FormItem {...formItemLayout}
         label="角色名称"
         >
        {form.getFieldDecorator('roleNames', {
        initialValue: recodes?recodes.roleName:'',
        rules: [
           {
              required: true,
              message: '请填写角色名称'
           },
           {
               max: 30,
               message: '最长可输入30个字符'
           },
           {
              validator: this.getName
           }
         ]
       })(
            <Input />
         )}
   </FormItem>
                               

标签：recodes,自定义,form,getName,30,校验,value,表单,callback
来源： https://www.cnblogs.com/ding-dong/p/13278851.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。