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