欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

react-antd-input-onPressEnter

程序员文章站 2022-12-07 11:35:19
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