Semantik-Dropdown-Menü funktioniert nicht in reagieren?

Question

Ich habe die Semantic-Ui vor kurzem gelernt und alles funktioniert reibungslos mit reagieren bis zum Dropdown-Menü. Hier ist der Code:

render() { 
    return (<div className="ui form"> 
         <div className="field"> 
          <div className="ui selection dropdown"> 
           <input type="hidden" name="options"/> 
           <i className="dropdown icon"></i> 
           <div className="default text">Options</div> 
           <div className="menu"> 
            <div className="item">Option 1</div> 
            <div className="item">Option 2</div> 
           </div> 
          </div>                   
         </div> 
        </div>); 
} 

Ich bin keine CSS noch Bibliotheken mit Ausnahme reagieren und semantisch-ui verwenden, es zeigt nur ein Dropdown-Menü, das nicht angeklickt werden kann, eine Ahnung davon?

Answer 1

Vom Semantic UI docs:

Alles select-Element initialisiert als Drop-Down auch bis Javascript versteckt werden kann HTML erstellen, ist dies den Blitz von unstyled Inhalt und die Änderung der Elementhöhe Seite Einstellen Fluss zu vermeiden.

Sie müssen den folgenden Javascript hinzufügen, um Sie

$('.ui.dropdown').dropdown(); 

Drop-Down-Arbeit zu machen