Bootstrap驗證器提交按鈕與反應API調用不起作用

Question

我正在使用引導驗證器插件來驗證我的表單在反應的應用程序。一切工作正常，但與api集成sumbit按鈕不工作，我的意思是，當我點擊提交按鈕的API調用沒有發生，頁面立即得到刷新。下面是代碼

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

On HandleClick函數我們有api調用使用Axios.post和我張貼表單數據到服務器。當我們將類型更改爲按鈕時，調用會發生，並且它的工作，但我需要隱藏按鈕，直到表單得到驗證，這就是爲什麼我改變類型爲提交。任何人都可以幫助解決這個問題？

Answer 1

頁面會立即刷新，因爲<button type="submit"會在您單擊它時自動提交表單。

您可以通過type="button"更換type="submit"或者，如果你想保持type="submit"你要調用的函數preventDefault在你的處理器爲不自動提交表單

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