title: Semantic ui dropdown menu not working in react?
body: <p>I've learning the semantic-ui recently and everything works smoothly with react until the dropdown menu. Here's the code:</p>
  
  <pre><code>render() {
      return (&lt;div className="ui form"&gt;
                          &lt;div className="field"&gt;
                              &lt;div className="ui selection dropdown"&gt;
                                  &lt;input type="hidden" name="options"/&gt;
                                  &lt;i className="dropdown icon"&gt;&lt;/i&gt;
                                  &lt;div className="default text"&gt;Options&lt;/div&gt;
                                  &lt;div className="menu"&gt;
                                      &lt;div className="item"&gt;Option 1&lt;/div&gt;
                                      &lt;div className="item"&gt;Option 2&lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;                                                                          
                          &lt;/div&gt;
                      &lt;/div&gt;);
  }
  </code></pre>
  
  <p>I'm not using any css nor libraries except react and semantic-ui, it just shows a dropdown menu that can't be clicked, any idea about it?</p>