反应语义用户界面下拉 onChange 不起作用 [英] React semantic-ui Dropdown onChange not working

问题描述

代码如下:

class MenuContainerComponent extends Component {

    onInputWidgetMenuChange(event, data) {
        console.log(data);
    }

    render() {
        var inputWidgets = [];
        for (var i = 0; i < this.props.cdata.widgets.inputWidgets.length; i++) {
            var componentName = getComponentNameFromType(this.props.cdata.widgets.inputWidgets[i]);
            var key = "inputWidget" + i;
            inputWidgets.push(<Dropdown.Item key={key}>{componentName}</Dropdown.Item>);
        }

        return (
        <Dropdown style={childStyle} text='Input widgets' icon='keyboard' floating labeled button className='icon' onChange={this.onInputWidgetMenuChange}>
            <Dropdown.Menu>
                <Dropdown.Header icon='tags' content='Select a widget to add to canvas' />
                <Dropdown.Divider />
                {inputWidgets}
            </Dropdown.Menu>
        </Dropdown>
        )
}

我正在尝试获取有关菜单选择的事件.onClick"以类似的方式工作，但没有关于菜单选择的事件.

I am trying to get an event on menu selection. 'onClick' is working in similar fashion but there is no event on menu selection.

推荐答案

AFAIK，因为你在这个 Dropdown 中使用了 Dropdown.Menu，onChange 不起作用.它用于正常的下拉(例如选择一个值等).尝试创建一个通用的 onClick 并将其分配给

AFAIK, since you're using Dropdown.Menu inside this Dropdown, the onChange won't work. It's for normal Drodowns (like selecting a value etc). Try creating a generic onClick and assign it to <Dropdown.Item />

这篇关于反应语义用户界面下拉 onChange 不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！