ブートストラップバリデータ送信ボタンがリアクションAPIコールで動作しない

Question

私はレスポンスアプリケーションでフォームを検証するためにブートストラップバリデータプラグインを使用しています。すべて正常に動作していますが、apiとの統合中にsumbitボタンが機能しない場合は、送信ボタンをクリックしてapi呼び出しが行われていないことを意味し、ページはすぐにリフレッシュされます。以下のコードHandleClick機能で

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

我々はAxios.postを使用してAPI呼び出しを持っていると私は、フォームデータをサーバーに掲示していますです。私たちはタイプをボタンに変更したときにコールが行われ、その作業が行われますが、フォームが検証されるまでボタンが隠されている必要があります。誰でもこの問題を解決するのに役立つことができますか？

Answer 1

<button type="submit"をクリックすると自動的にフォームが送信されるため、ページはすぐに更新されます。

あなたはtype="button"でtype="submit"を置き換えることができたり、type="submit"を維持したい場合は、自動的に

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