javascript – 反应 – 预防表单提交

我一直在试验React.在我的实验中,我使用了 Reactstrap framework.当我点击一个按钮,我注意到HTML表单提交.点击按钮时是否有办法防止表单提交？

我已经重新创建了我的问题here.我的表单是非常基本的,如下所示：

<Form>
  <h3>Buttons</h3> 
  <p>
    <Button color="primary" onClick={this.onTestClick}>primary</Button>&nbsp;
  </p>
</Form>

我失踪了什么

解决方法

我想第一件值得注意的是,没有javascript(plain html),当单击 时,表单元素提交或者< button>也提交表单< / button&gt ;.在javascript中,您可以通过使用事件处理程序并在按钮单击或表单提交时调用e.preventDefault()来阻止它. e是传递给事件处理程序的事件对象.通过反应,两个相关的事件处理程序可通过asSubmit的形式提供,另一个通过onClick在按钮上. 示例： http://jsbin.com/vowuley/edit?html,output

原文地址：https://www.jb51.cc/js/154553.html