title: how can I expand dropdown in react js
body: <p>I have below code in component class. When I am rendering it, dropdown doesnt shot the values in menuitem. What am I missing here. Thanks in advance. </p>
  
  <pre><code>import { FormGroup, DropdownButton, MenuItem} from "react-bootstrap";
  import "bootstrap/dist/css/bootstrap.css";
  
  export default class abc extends React.Component{
      render() {
          return (
              &lt;form &gt;
                  &lt;FormGroup controlId="selection" bsSize="large"&gt;
                      &lt;label htmlFor="lblModelSelection"&gt;&lt;b&gt;Select&lt;/b&gt;&lt;/label&gt;
                  &amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
                  &lt;DropdownButton id="lblSelection" title="--Select--"&gt;
                          &lt;MenuItem &gt;abc&lt;/MenuItem&gt;
                          &lt;MenuItem &gt;pqr&lt;/MenuItem&gt;
                          &lt;MenuItem &gt;xyz&lt;/MenuItem&gt;
                      &lt;/DropdownButton&gt;
                  &lt;/FormGroup&gt;
              &lt;/form&gt;
          )
      }
  }
  </code></pre>