我有一个来自ant-design的带有多个DatePicker组件的表单。在大多数情况下都有效。
问题在于它们都绑定到相同的onChange事件处理程序(为简单起见,并且因为它们都在循环中呈现)。我正在顺利通过日期(事件处理程序的参数2),但我似乎无法确定是5个日期选择器中的哪个触发了更改。
这是一个问题,因为我需要将日期与之关联的行上还有其他数据。我添加了一个名称属性,但是它没有传递给处理程序grrrr,因此它对我没有任何好处。
那么,有谁知道如何获取触发onChange事件的(antd)日期选择器的名称,或者知道某个日期选择器确实将其名称传递给了onChange事件,或者甚至将其本身传递给onChange事件,以便我可以分辨出一改了?
答案 0 :(得分:1)
问题解决了。关闭营救。 h
onDateChangeHandler = (id) =>{
var self = this;
return function(mmmt, ds){
self.setState({ [id]: ds })
}
}
,然后在我的循环中设置日期选择器:
<DatePicker size='default' name={"date_" + i} onChange={this.onDateChangeHandler("date_" + i)} />
那给了我我想要的结果。