Семантическое меню выпадающего меню u не работает в реакции?

Question

В последнее время я изучаю семантику, и все работает плавно, реагируя до выпадающего меню. Вот код:

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

Я не использую каких-либо CSS, ни библиотеки, кроме среагировать и семантико-щ, он просто показывает выпадающее меню, которое не может быть нажата, ни малейшего представления об этом?

Answer 1

От Semantic UI docs:

Любой выберите элемент инициализируется как выпадающий также будут скрыты до тех пор, Javascript может создать HTML, это, чтобы избежать вспышки без стилей содержимого, а также изменение высоты элемента регулировки потока страницы.

Вы должны добавить следующую JavaScript для того, чтобы вы выпадающий работу

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