Question

在Semantic UI中，您需要运行

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

为了让您的下拉菜单正常运行。我目前正在通过

开展工作

//react onClick function
handleDropDown() {
    $('.ui.dropdown').dropdown();
}

//menu container
<div className="ui selection dropdown" onClick={this.handleDropDown}>

我的问题是我必须单击两次菜单才能启动它。一旦它运行该功能，那么第二个将实际打开菜单。如何在页面加载时运行它？

当我尝试将它放入componentWillMount或componentDidMount时，它会抛出一条错误消息：未捕获的ReferenceError：$未定义。

想法？

Answer 1

我目前的代码：

ReactJS：

Error when doing SSR. path:/testparam: Expected "lang" to be defined

您在渲染上设置了Uncaught TypeError: Expected "lang" to be defined，然后使用它来引用componentDidMount() { $(this._select).dropdown(); } render() { return <div ref={select => this._select = select } className="ui selection dropdown">... }上的元素

在React

1 个答案: