reactjs - 如何在 ant design 中获取输入编号名称以进行 react ？

Question

我正在为 ReactJS 使用 antdesign。

我的代码是这样的:

<InputNumber
    formatter={value => `${value} hrs`}
    parser={value => value.replace(' hrs', '')}
    type="text"
    onChange={props.changed}
    name='hours'
    min={0}
    max={24}
    defaultValue={8} />

更改处理程序:

  changeHandler = (event, id) => {
     console.log(event + ' ' + typeof event);
     console.log(event.target.name + ' ' + typeof event.target.name);
  }

到目前为止，我已经尝试四处寻找这个问题，似乎其他人也遇到过同样的问题:https://github.com/ant-design/ant-design/issues/8683

我的 changeHandler fxn 中的控制台日志返回一个数字，第二行未定义。

我怎样才能得到这个名字？

Answer 1

onChange只获取改变的值

您可以在此处使用柯里化(Currying)函数。

  changeHandler = name => value => {
     console.log(name, value);
  };

  <InputNumber
    onChange={this.changeHandler("hours")}
  />