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

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时才输出?我该如何修复代码?


守着一只汪
浏览 3977回答 1
1回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

React.JS