react-antd-input-onPressEnter

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

react-antd-input-onPressEnter

努力敲代码的小甜心   2020-01-11 我要评论

2020-01-11

ant-Design ,Input , onPressEnter 和 onChange 的区别

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

 原来的代码:
<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)}
/>
效果如下:

 

 

onChange 输入内容的回调

onPressEnter 按下回车的回调

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们