Я использую date_Picker materialize- css и пытаюсь обновить состояние с помощью метода setState, но, к сожалению, значения состояний не обновляются? ниже мой код
<form class="col s12" onSubmit={this.handleSubmit}>
<div class="row">
<div class="input-field col s12">
<input id="summary" required onChange={(e) => { this.setState({ summary: e.target.value }) }} value={this.state.summary} type="text" class="validate" />
<label for="summary">Summary</label>
</div>
</div>
<div class="row">
<div class="input-field col s6">
<input required type="text" value={this.state.startDate} ref={this.date1} id="startDate" class="datepicker datepickerStart" />
<label for="startDate">Start Date</label>
</div>
</div>
<div class="row">
<div class="input-field col s12">
<input id="location" value={this.state.location} onChange={(e) => { this.setState({ location: e.target.value }) }} type="text" class="validate" />
<label for="location">Location</label>
</div>
</div>
</form>
var dateoptions = {
minDate: new Date(),
onSelect:(e)=>{
this.setState({ startDate: e }) //after this I am seeing old state
this.forceUpdate();
},
onDraw:(e)=>{
},
onClose: (e) =>{
}
}
var elems1 = document.querySelectorAll('.datepickerStart');
M.Datepicker.init(elems1, dateoptions);
есть идеи, что пошло не так?