Formy-реагировать и реагировать-DatePicker не работают вместе
У меня сложная форма с кучей входов. Я вижу значение этих входов в функции onValidSubmit. Одним из примеров такого ввода является следующее:
<Input
name="myStartDate"
id="myStartDate"
value=""
label="Start Date (YYYYMM)"
type="tel"
validations={{
matchRegexp: /^(19|20)\d\d(0[1-9]|1[012])$/
}}
validationErrors={{
matchRegexp: 'Enter the year and month (YYYYMM).'
}}
placeholder="YYYYMM"
required
/>
В форме я имею:
onValidSubmit={this.onValidSubmit}
Функция только регистрирует данные формы:
onValidSubmit(formData){
console.log(formData);
}
Я хочу изменить этот вход, чтобы он стал компонентом response-datepicker (DatePicker), однако после того, как я внесу необходимые изменения, чтобы заставить DatePicker работать, объект "formData" в onValidSubmit больше не содержит значение для "myStartDate". Что я должен сделать, чтобы сделать эту работу?
Мой компонент DatePicker выглядит следующим образом: (он в основном такой же, как Input, но с некоторыми дополнительными элементами)
<DatePicker
name="myStartDate"
id="myStartDate"
value=""
label="Start Date (YYYYMM)"
type="tel"
validations={{
matchRegexp: /^(19|20)\d\d(0[1-9]|1[012])$/
}}
validationErrors={{
matchRegexp: 'Enter the year and month (YYYYMM).'
}}
placeholder="YYYYMM"
required
placeholderText="ÅÅÅÅMM"
dateFormat="YYYYMM"
className="form-control"
selected={this.state.myStartDate}
onChange={this.myStartDate}
isClearable={true}
/>
Я знаю, что DatePicker обрабатывает даты с помощью moment.js, и я буду обрабатывать это изменение соответствующим образом, однако, как я уже говорил, myStartDate больше не отображается в объекте "formData", переданном в "onValidSubmit". Что дает?
Большое спасибо за Вашу помощь!