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". Что дает?

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

0 ответов

Другие вопросы по тегам