react 阻止表单提交

Question

我想在表单提交时再验证下，要是通过，则表单提交，否则不进行提交；该怎么实现？
<form method="post" action="/login" id="J_SubForm" onSubmit={this.checkSubmit}>
/*
*其他代码
*/
<input type="submit" name="btn" id="btn">
</form>

Answer 1

e.preventDefault()

Answer 2

首先要给form标签绑定onSubmit事件，绑定onClick事件是不行的。

<form onSubmit={this.handleSubmit}>

然后，在handleSubmit函数里，阻止默认事件

handleSubmit(event){
    event.preventDefault();
}

或者使用

e.stopPropagation()