Javascript 在React中的按钮类型上独立形成submitts
我有一个简单的代码:Javascript 在React中的按钮类型上独立形成submitts,javascript,reactjs,form-submit,ondoubleclick,Javascript,Reactjs,Form Submit,Ondoubleclick,我有一个简单的代码: kill = e => { // do the killing } save = e => { e.preventDefault() console.info(e.currentTarget) } render(){ return <form onSubmit={this.save}> <button key={new Date().getTime()} onDoubleClick={this.kill}>Dele
kill = e => {
// do the killing
}
save = e => {
e.preventDefault()
console.info(e.currentTarget)
}
render(){
return <form onSubmit={this.save}>
<button key={new Date().getTime()} onDoubleClick={this.kill}>Delete</button>}
<button type="submit" key={new Date().getTime() + 100}>Save</button>
</form>
}
kill=e=>{
//杀人
}
保存=e=>{
e、 预防默认值()
控制台信息(如currentTarget)
}
render(){
返回
删除}
拯救
}
如果我单击Delete
按钮,表单将被提交->我将在控制台中看到它
双击可以工作,但在此之前会调用save()
方法
我发现了这个bug,并尝试将唯一的键添加到每个按钮,但没有任何变化
我缺少什么?尝试将type=“button”
赋予您不想提交的按钮
按钮的默认行为。可能的值为:
提交:按钮将表单数据提交到服务器。如果未为与关联的按钮指定属性,或者属性为空或无效值,则这是默认值。
重置:按钮将所有控件重置为其初始值,如。(这种行为往往会激怒用户。)
按钮:按钮没有默认行为,在默认情况下按下时不执行任何操作。它可以让客户端脚本监听元素的事件,这些事件在事件发生时被触发
参考资料:我认为这与此有关:
设置<代码>