Reactjs 如何访问redux表单中模糊的验证结果

Reactjs 如何访问redux表单中模糊的验证结果,reactjs,redux-form,Reactjs,Redux Form,如果验证失败,我想停止任何onblur函数。我不知道该怎么做 这是场地 <Field label="Demand Ref" name="demand_ref" component={this.renderTextField}

如果验证失败,我想停止任何onblur函数。我不知道该怎么做

这是场地

<Field
                                    label="Demand Ref"
                                    name="demand_ref"
                                    component={this.renderTextField}
                                    type="text"
                                    onBlur={e => this.onAfterSaveCell(e, 'demand_ref')}
                                    onFocus={e => this.onBeforeSaveCell(e, 'demand_ref')}
                                    validate={[validateDemandRef]}
                                    maxlength="15"
                                />
this.onAfterSaveCell(e,'demand\u ref')}
onFocus={e=>this.onBeforeSaveCell(e,'demand_ref')}
validate={[validateDemandRef]}
maxlength=“15”
/>
如果
validate
失败,我不希望
onBlur
中的任何内容运行。我该怎么做

更新

如果我正在使用
validate={[validateDemandRef]}
我应该传递什么到
…一些验证

更新2


如果它是一个类
const MyComponent=({handleSubmit,valid})=>(
MyComponent
是一个类使用
isValid
isInvalid
选择器()

从“React”导入React;
从'redux'导入{compose};
从'redux form'导入{reduxForm,isValid};
常量MyComponent=({handleSubmit,valid})=>(
这个.onAfterSaveCell(e,'demand\u ref')}
onFocus={e=>this.onBeforeSaveCell(e,'demand_ref')}
validate={[validateDemandRef]}
maxlength=“15”
/>
提交
);
const FORM_NAME='my FORM';
导出默认组合(
红肿({
表格:表格名称,
}),
连接(状态=>({
valid:isValid(FORM_NAME)(state),//还有一个isInvalid选择器
})),
)(MyComponent);
用于有状态组件实现

import React,{PureComponent}来自'React';
从'redux'导入{compose};
从'redux form'导入{reduxForm,isValid};
类MyComponent扩展了PureComponent{
render(){
const{handleSubmit,valid}=this.props;
返回(
这个.onAfterSaveCell(e,'demand\u ref')}
onFocus={e=>this.onBeforeSaveCell(e,'demand_ref')}
validate={[validateDemandRef]}
maxlength=“15”
/>
提交
);
}
}
const FORM_NAME='my FORM';
导出默认组合(
红肿({
表格:表格名称,
}),
连接(状态=>({
valid:isValid(FORM_NAME)(state),//还有一个isInvalid选择器
})),
)(MyComponent);

我在问题上添加了一条注释,没关系。如果您使用的是字段级验证,请跳过表单级验证。我只是举个例子发布了它。更新了答案以避免混淆。答案将是相同的。添加了有状态组件的实现。检查React文档中的无状态函数和组件。