我有一组复选框,希望至少选择一个。如果未选择最后一个,则显示错误,并且该复选框应保持选中状态。如何将复选框的值重置为其初始值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} />
);
}