Bootstrap验证器提交按钮与反应API调用不起作用

我正在使用引导验证器插件来验证我的表单在反应的应用程序。一切工作正常，但与api集成sumbit按钮不工作，我的意思是，当我点击提交按钮的API调用没有发生，页面立即得到刷新。下面是代码Bootstrap验证器提交按钮与反应API调用不起作用

<button type="submit" name="submit" className="btn btn-primary" onClick= 
{this.HandleClick}>Submit</button>

On HandleClick函数我们有api调用使用Axios.post和我张贴表单数据到服务器。当我们将类型更改为按钮时，调用会发生，并且它的工作，但我需要隐藏按钮，直到表单得到验证，这就是为什么我改变类型为提交。任何人都可以帮助解决这个问题？

2017-04-24 knbibin

你得到任何控制台错误？ –

否...只会收到一些警告，但点击提交后会刷新页面。以下是警告我进入警告：validateDOMNesting（...）：

页面会立即刷新，因为<button type="submit"会在您单击它时自动提交表单。

您可以通过type="button"更换type="submit"或者，如果你想保持type="submit"你要调用的函数preventDefault在你的处理器为不自动提交表单

function HandleClick(e) { 
    e.preventDefault(); 
    ... 
}

2017-04-24 09:04:27

回答