title: React NavDropdown hides on click of any MenuItem
body: <p>Hello I am using react bootstrap, NavDropdown.
  I have a Navbar in my application, and I want to put NavDropdown in Navbar but the default behaviour of NavDropdown hides the dropdown on click anywhere.</p>
  
  <p>Solutions I have Used:</p>
  
  <pre><code>evt.preventDefault();
  evt.stopPropagation();
  </code></pre>
  
  <p>None of above is working for me.</p>
  
  <p>My Code:</p>
  
  <pre><code>class CustomNavDropdown extends React.Component {
  
    constructor(props, context) {
      super(props, context);
      this.handleClick = this.handleClick.bind(this);
    }
    handleClick(evt) {
      evt.preventDefault();
      evt.stopPropagation();
    }
    render() {
      return (
        &lt;NavDropdown title={"Dropdown"}&gt;
          &lt;MenuItem divider /&gt;
          &lt;MenuItem onClick={this.handleClick}&gt;an item&lt;/MenuItem&gt;
        &lt;/NavDropdown&gt;
      );
    }
  }
  </code></pre>
  
  <p>So basically my problem is that my NavDropdown hides if I click anywhere, I want it to hide only when I click on the <code>&lt;ul&gt;</code> tag, not the <code>&lt;li&gt;</code> tag or anywhere else in the application.</p>