Reactjs: page refreshing upon `onClick` handle of Button?
<p>I have the following block inside my <code>render()</code> (which is a Bootstrap Button: <a href="https://react-bootstrap.github.io/components.html#buttons-options" rel="noreferrer">https://react-bootstrap.github.io/components.html#buttons-options</a>):</p>
<pre><code>&lt;Button type=&quot;simpleQuery&quot; onClick={this.handleEntailmentRequest.bind(this)}&gt;
   Query
&lt;/Button&gt;
</code></pre>
<p>and the following function:</p>
<pre><code>handleEntailmentRequest() {
    console.log(&quot;handle request &quot;);
}
</code></pre>
<p>Whenever I click on the button I can see that the &quot;handle request&quot; question appears in the console log, but suddenly disappears. My understanding is that something is causing the page to refresh. Any opinons where I am going wrong?</p>