尝试在reactjs材料中添加新的验证规则

时间:2017-11-21 06:17:21

标签: forms reactjs validation material-ui

我试图添加新的验证规则。我正在使用react-material 1.0

以下是我添加新规则但出错的代码

ValidatorForm.addValidationRule('isCanRequired', (value) => {
        if(this.state.canSameAccount){
          if(value==null || value==="" || value===undefined)
            return false;
        }
        return true;
    });

以下是我添加此新规则的字段

<TextValidator fullWidth name="canAddress1" value={this.state.canAddress1}
                          validators={['isCanRequired']} errorMessages={['Please enter your street address 1']}
                          label="Enter Street Address 1*" onChange={this.handleChange('canAddress1')} />

点击提交按钮

时出现错误截图

Error

1 个答案:

答案 0 :(得分:0)

我得到了答案 因为反应材料-ui-form-validator的beta版本。需要更改ValidatorForm

的包
import {ValidatorForm} from 'react-material-ui-form-validator'