У меня есть группа флажков, и я хочу выбрать хотя бы 1.Если последний не выбран, отображается ошибка, и флажок должен оставаться установленным.Как вы сбрасываете значение флажка к его начальному значению 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} />
);
}