其他分享
首页 > 其他分享> > react-antd-input-onPressEnter

react-antd-input-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)}
/>

 

 

更改后:
<Input
defaultValue={item.value1}
style={{width: '130px'}}
flag="switch1"
onPressEnter={event => this.handleChange(event)}
/>
效果如下:

 

 

标签:onPressEnter,width,defaultValue,react,item,antd,onChange,event
来源: https://www.cnblogs.com/fengwenya/p/12179088.html