我一直在试验React.在我的实验中,我使用了
Reactstrap framework.当我点击一个按钮,我注意到HTML表单提交.点击按钮时是否有办法防止表单提交？
我已经重新创建了我的问题here.我的表单是非常基本的,如下所示：
<Form>
<h3>Buttons</h3>
<p>
<Button color="primary" onClick={this.onTestClick}>primary</Button>
</p>
</Form>
我失踪了什么
解决方法
我想第一件值得注意的是,没有javascript(plain html),当单击
时,表单元素提交或者< button>也提交表单< / button> ;.在javascript中,您可以通过使用事件处理程序并在按钮单击或表单提交时调用e.preventDefault()来阻止它. e是传递给事件处理程序的事件对象.通过反应,两个相关的事件处理程序可通过asSubmit的形式提供,另一个通过onClick在按钮上. 示例：
http://jsbin.com/vowuley/edit?html,output
