0

我有一个带有一堆输入的表单。我可以在 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);
}

我想将此输入更改为 react-datepicker 组件 (DatePicker)，但是，在进行必要的更改以使 DatePicker 工作后，onValidSubmit 中的“formData”对象不再包含“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”不再显示在传递给“onValidSubmit”的“formData”对象中。是什么赋予了？

非常感谢您的帮助！

4

0 回答 0