描述:输入内容后敲击回车键保存
问题:一开始在input标签中定义keyPress等事件,会发现不只是enter键触发事件,其他按键也会触发事件。
解决:将标签包裹在form表单中,将事件处理函数绑定到 表单的onSubmit事件中。
class TagClass extends Component {
@Bind
handleSaveTag(){
//do something
}
render(){
return(
<form onSubmit={(e)=>this.handleSaveTag}>
<input type="text" ref="input" ... />
</form>
)
}
}
// 这样回车的时候就可以出发表单的提交事件