尝试使用语义UI React Dropdown时出现“ TypeError:Object(...)不是函数”错误

时间:2019-05-07 14:02:32

标签: reactjs .net-core semantic-ui-react

在“ ClientApp / node_modules / semantic-ui-react / dist / es / modules / Dropdown / Dropdown.js第81行”上出现“ TypeError:Object(...)不是函数”错误当我尝试在我的React应用程序中创建Semantic UI React下拉菜单的新实例时。我什至只是从一个同事从事的项目中复制了代码,仅更改了变量名,而我们两个人似乎都无法确定错误的来源。

我尝试遵循语义网站上的指南无济于事。我已经从一个正在运行的项目和现有项目中复制了包含的代码。

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

我只希望下拉列表成为添加条目到数据库的基本形式的一部分。

1 个答案:

答案 0 :(得分:0)

我设法在0.87.1的语义UI中重现此错误,我降级为0.84,问题不存在。

希望有帮助。