Redux-Forms出错时如何重置复选框值?

时间:2018-12-26 18:52:02

标签: javascript reactjs redux-form

我有一组复选框,希望至少选择一个。如果未选择最后一个,则显示错误,并且该复选框应保持选中状态。如何将复选框的值重置为其初始值true?现在显示了一个错误,但前端未选中该复选框,但后端仍为true。

我尝试使用以下内容,但是它们不起作用。

this.forceUpdate() 
this.props.dispatch(reset('form_name'))
this.props.initialize(reset('form_name'))


 constructor(props) {
    super(props);
    this.state={error: false}
 };

validateAndSubmit(e) => {
   // some code to check for boxes checked
   if(error){
       this.setState({scheduleError: true}); 
       // tried the various methods above to reset/rerender 
       // to reset checkbox
   } else {
       // update redux store
   }

}

render(){
   return(
     <Field name = 'box1'
       className = 'checkbox'
       component = 'input'
       type = 'checkbox'
       onChange = {this.validateAndSubmit} />

     <Field name = 'box2'
       className = 'checkbox'
       component = 'input'
       type = 'checkbox'
       onChange = {this.validateAndSubmit} />
   );
 }

0 个答案:

没有答案