Question

如果InputNumber组件失去焦点，我想使用blur方法运行一个函数，但我不知道如何使用它。

<InputNumber
value={value}
onChange={this.handleChange}
onKeyDown={this.onKeyHandler}
size="small"
min={0}
step={0.5}
/>

Answer 1

你可以试试这个。

 <InputNumber
    value={value}
    onChange={this.handleChange}
    onKeyDown={this.onKeyHandler}
    size="small"
    min={0}
    step={0.5}
    ref={(input) => this.testInput = input}
    />

然后是内部生命周期方法，如componentDidUpdate

 this.testInput.focus();
 this.testInput.blur();

Answer 2

尝试这种方式工作正常。 ;）

<InputNumber
    value={value}
    onChange={this.handleChange}
    onKeyDown={this.onKeyHandler}
    size="small"
    min={0}
    step={0.5}
    onFocus={this.showValue}
    onBlur={this.showValue}
    />

用于InputNumber组件的ant设计模糊方法

2 个答案: