Formy-реагировать и реагировать-DatePicker не работают вместе - PullRequest
Новая
       26

Formy-реагировать и реагировать-DatePicker не работают вместе

0 голосов
/ 22 октября 2018

У меня форма с кучей входов.Я вижу значение этих входов в функции 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».Что дает?

Большое спасибо за помощь!

...