title: How to attach a function to Dropdown.Toggle on React Bootstrap?
body: <p>I'm trying to execute a function when my React Bootstrap Dropdown.Toggle is clicked.</p>
  <p>I tried adding <code>onClick</code> like the following but that breaks the dropdown functionality altogether and doesn't show the dropdown menu on click:</p>
  <pre><code>&lt;Dropdown&gt;
    &lt;Dropdown.Toggle variant=&quot;success&quot; id=&quot;dropdown-basic&quot; onClick={myFunction}&gt;
      Dropdown Button
    &lt;/Dropdown.Toggle&gt;
  
    &lt;Dropdown.Menu&gt;
      &lt;Dropdown.Item href=&quot;#/action-1&quot;&gt;Action&lt;/Dropdown.Item&gt;
      &lt;Dropdown.Item href=&quot;#/action-2&quot;&gt;Another action&lt;/Dropdown.Item&gt;
      &lt;Dropdown.Item href=&quot;#/action-3&quot;&gt;Something else&lt;/Dropdown.Item&gt;
    &lt;/Dropdown.Menu&gt;
  &lt;/Dropdown&gt;
  </code></pre>
  <p>Is there any way of preserving the original functionality of the toggle and still executing an additional function when it is clicked?</p>