"TypeError: Object(...) is not a function" error when trying to use Semantic UI React Dropdown

Question

当我尝试在我的 React 应用程序中创建语义 UI React 下拉菜单的新实例时，"ClientApp/node_modules/semantic-ui-react/dist/es/modules/Dropdown/Dropdown.js line 81" 上出现 "TypeError: Object(...) is not a function" 错误。我什至从一个同事做的项目中复制了代码，只是更改了变量名，我们似乎都无法确定错误的来源。

我尝试按照语义网站上的指南进行操作，但无济于事。我已经从一个工作的和现有的项目中复制了包含的代码。

handleSelectClub = (e, data) => {
        const club = this.state.clubList[data.value];

        this.setState({
            clubId: club.id,
            name: club.name
        });
    }
render() {
        var clubs;
        let selectClub = null;
        if (this.state.clubList.length > 0)
        {
            clubs = this.state.clubList.map((opt, i) => ({
                key: opt.id,
                text: opt.name,
                value: i
            }));
            selectClub =
                <div>
                    <div className="form-group">
                        <Dropdown placeholder='Search Clubs' search selection options={clubs} onChange={this.handleSelectClub} />
                    </div>
                </div>
        }
        return (
            <form className="club-add-form" onSubmit={this.handleSubmit}>
                <h1>Add a New Club</h1>
                {selectClub}
            </form>
        );
    }

我只想让下拉列表成为向数据库添加条目的非常基本的表单的一部分。

Answer 1

我在 Semantic UI 的 0.87.1 中成功地重现了这个错误，我降级到 0.84 并且问题不存在了。

希望对您有所帮助。

"TypeError: Object(...) is not a function" error when trying to use Semantic UI React Dropdown

"TypeError: Object(...) is not a function" error when trying to use Semantic UI React Dropdown

reactjs

.net-core

semantic-ui-react