react-antd-input-onPressEnter

程序员文章站 2022-05-10 12:47:05

2020-01-11 ant-Design ，Input ， onPressEnter 和 onChange 的区别 onChange 输入内容的回调 onPressEnter 按下回车的回调需求：看下图，右边栏配置开关组件的内容。输入内容，不想要左边实时更改原来的代码：

2020-01-11

ant-design ，input ， onpressenter 和 onchange 的区别

onchange 输入内容的回调

onpressenter 按下回车的回调

需求：看下图，右边栏配置开关组件的内容。输入内容，不想要左边实时更改

 原来的代码：
<input 
    defaultvalue={item.value1} 
    style={{width: '130px'}} 
    flag="switch1" 
    onchange={event => this.handlechange(event)}
 />

react-antd-input-onPressEnter

更改后：
<input 
    defaultvalue={item.value1} 
    style={{width: '130px'}} 
    flag="switch1" 
    onpressenter={event => this.handlechange(event)} 
/>
效果如下：

react-antd-input-onPressEnter

上一篇：趣味搞笑的幽默漫画图片

下一篇：哈咪Hami漫画图片连载最后一期