ant design框架Form表单的onChang事件无法在光标失去焦点后触发

Question

antd里的表单的onChange事件是在键盘按下去的时候触发的，和传统的change事件不一样，不知道怎么回事？
按照官方文档写的，代码如下：

handleInputChange = (e) => {
    console.log("111111111");
}
render() {
    return (
        <Form layout="horizontal" style={{ width: 300 }}>
            <FormItem>
                {
                    getFieldDecorator('userName', {
                        initialValue: 'Jack',
                        rules: [
                            {validator:this.checkUname}
                        ]
                    })(
                        <Input prefix={<Icon type="user"/>} placeholder="请输入用户名"  onChange={this.handleInputChange}/>
                    )
                }
        
            </FormItem>
        </Form>
    );
}

问题：每当我键盘按下时，控制台就会输出“111111111”，为啥不是光标离开input时才输出？我该如何修复代码？

Answer 1

这个onChange不是antd定义的跟传统html不同，是react的，antd只是做一个透传

你可以使用onBlur