蚂蚁设计：从onChange中的日期选择器获取ID

Question

我在React Redux应用程序中有一个包含多个日期选择器的表单，我需要知道已使用的日期选择器的id。

当创建日期选择器时，我可以给onChange方法分配一个函数（这个方法有两个参数（日期）要使用）。

<DatePicker
   title={field.title}
   placeholder={field.title}    
   format={"YYYY/MM/DD"}
   size={params.fieldsize}
   onChange={this.handleDatePickerChange}
/>

我需要在handleDatePickerChange函数中检索日期选择器的id：

handleDatePickerChange = (date, dateString) => {
   // get the id
   ...
}

（date，dateString）是返回的回调函数的参数。请参阅中的方法onChangehttps://ant.design/components/date-picker/#DatePicker

一个回调函数，可在所选时间更改时执行。

我该怎么做？

Answer 1

您可以在onChange函数中发送额外变量，如下所示：

onChange={(date, dateString) => this.handleDatePickerChange(date, dateString, 1)}

然后在handleDatePickerChange方法中，您可以如下所示获取它：

handleDatePickerChange = (date, dateString, id) => {
   console.log(id);
   ...
}

我已经在codesandbox上创建了一个演示。木卫一。