javascript - id 在 onChange 事件中未定义

Question

使用 react datepicker , 我正在尝试获取被点击组件的 id

<DatePicker
id={cellData.column}
selected={DatePickerDate}
onChange={this.onDateRangePickerChange}
className='form-control'
                    />

在我的点击处理程序中，传递的事件是一个时刻日期对象，因此 event.currentTarget 是未定义的。

onDateRangePickerChange: function(event, picker){

        var localRowDataStack = _.cloneDeep(this.state.rowDataStack);
        localRowDataStack[event.currentTarget.id] = picker.startDate.format(appConfig.getKey('dateFormat'));
        this.setState({
            rowDataStack: localRowDataStack,
            isOmitReRender: false
        });

},

如何获取点击的日期选择器的id？

Answer 1

您可以使用 .bind 将 id 设置为 onDateRangePickerChange 的第一个参数，从而避免将 id 添加为DatePicker 属性

onDateRangePickerChange: function (column, date) {
  console.log(column, date);
},

<DatePicker
  selected={ DatePickerDate }
  onChange={ this.onDateRangePickerChange.bind(this, cellData.column) }
  className="form-control"
/>;