Javascript 语义ui下拉菜单在react中不工作？

我最近学习了语义用户界面，在下拉菜单之前，一切都可以顺利地使用react。代码如下：

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

render（）{
返回(
选择权
选择1
选择2
);
}

除了react和semantic ui之外，我没有使用任何css或库，它只是显示了一个无法单击的下拉菜单，您知道吗？

来自：

任何初始化为下拉列表的select元素也将被隐藏，直到Javascript能够创建HTML，这是为了避免未设置样式的内容的闪烁，以及元素高度调整页面流的变化

必须添加以下javascript才能使下拉菜单正常工作

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