如何在antdesign中获取InputNumber名称以进行反应？

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

我的changeHandlerfxn 中的控制台日志为第二行返回一个数字和 undefined 。

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

Answer 1

onChange只获取被改变的值

您可以在此处使用咖喱函数。

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

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