动态Redux表单和MaterializeCSS DatePicker-如何获取输入的event.target.name?

时间:2018-12-07 00:57:47

标签: reactjs react-redux materialize redux-form

我有一个表格,它是一个收件/地址表格,可以有多个收件。

我在弄清楚如何获取为正确更新我的状态而选择的输入的event.target.name时遇到了麻烦。

在这种情况下,输入名称为:

pickups [0] .pickup_date
pickups [1] .pickup_date

<FieldArray name="pickups" component={this.renderpickups} />

此按钮具有“添加代答”按钮,可使用fields.push的documentation添加另一个地址字段组(日期,城市,州等)。

每次添加新的拾音器时,我都会调用一种重新初始化Materialise的方法。

如何获取event.target.name?

initializeMaterialCss(){
      let pickupdate = document.querySelectorAll(".loadPickup");

        let pickupdateInstance = M.Datepicker.init(pickupdate, {
          onSelect: this.handleDate,
          autoClose: true
        });
}

1 个答案:

答案 0 :(得分:0)

我在Field上使用以下内容,然后在实现回调中,使用此React状态的参数更新redux-form日期属性(redux-form change方法),并从实现中获取日期值,但感觉很hack。 如果有更好的标准方法,请赐教。

  onFocus={event => this.setState({ focused: event.target.name })}