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)} 
/>
效果如下：

 

 

版权声明：本文为fengwenya原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/fengwenya/p/12179088.html