title: How can I make react-bootstrap's Dropdown open on mouse hover?
body: <p>Ok the question is simple. I need to make the dropdown open when mouse hover rather than on click.</p>
  
  <p>Currently my code is as follow.</p>
  
  <pre><code>    &lt;Nav&gt;
        &lt;NavDropdown
          onMouseEnter = {()=&gt; isOpen=true}
          open={isOpen}
          noCaret
          id="language-switcher-container"
        &gt;
          &lt;MenuItem&gt;Only one Item&lt;/MenuItem&gt;
        &lt;/NavDropdown&gt;
      &lt;/Nav&gt;
  </code></pre>
  
  <p>as you can see, I tried onMouseEnter but no effect. Can someone solve this issue? What attribute should I pass in to achive this.</p>
  
  <p>The API page is here <a href="https://react-bootstrap.github.io/components.html#btn-dropdowns" rel="noreferrer">react-bootstrap API page</a></p>