セマンティックUIドロップダウンメニューが反応しませんか？

Question

私は最近セマンティックウイを学びました。すべてがスムーズに反応し、ドロップダウンメニューまで機能します。ここでは、コードです：私は反応し、セマンティック-UI以外の任意のCSSやライブラリを使用していないよ

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>); 
} 

が、それだけで、それについてどんな考えをクリックすることはできませんドロップダウンメニューを示して？ Semantic UI docsから

Answer 1

：Javascriptがこれはunstyledコンテンツのフラッシュ、およびページフローを調整する要素の高さの変化を避けるためにある、HTMLを作成できるようになるまで、ドロップダウンのように初期化

任意のselect要素も非表示になります。あなたがドロップダウン作業

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

にするために、次のJavaScriptを追加する必要があります