Forms 引导验证程序提交按钮不适用于react api调用

我正在使用引导验证插件在react应用程序中验证我的表单。一切正常，但是当与api集成时，sumbit按钮不起作用，我的意思是当我点击submit按钮时，api调用没有发生，页面立即被刷新。下面是代码

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

提交

---

在HandleClick函数中，我们使用Axios.post调用了api，我正在将表单数据发布到服务器。当我们将类型更改为button时，调用将发生并工作，但我需要在表单得到验证之前隐藏该按钮，这就是我将类型更改为submit的原因。有人可以帮助解决此问题吗？

页面会立即刷新，因为

您是否收到任何控制台错误？没有…仅收到一些警告，但在我单击“提交”后页面会刷新。下面是我收到的警告警告：validateDOMNesting（…）：不能显示为的后代。请参见ContentComponent>form>…>单选按钮>窗体。
function HandleClick(e) {
    e.preventDefault();
    ...
}