Question

我正在使用Antdesign for ReactJS。

我的代码如下：

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

changehandler：

  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仅获取已更改的值

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

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

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

Answer 2

如果您使用普通函数而不是箭头函数作为更改处理程序，则该函数内的this将是event.target，并且您可以获得name和{{1} }来自value。但是，您将无法访问React类的this，因此您将不得不使用函数闭包来存储React类的this的值。

this

在此

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

2 个答案: