反应语义用户界面下拉 onChange 不起作用

Question

这是代码：

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' 以类似的方式工作，但没有关于菜单选择的事件。

Answer 1

AFAIK，由于您Dropdown.Menu在 this 中使用Dropdown，因此onChange将无法正常工作。它用于正常的下拉（例如选择一个值等）。尝试创建一个泛型onClick并将其分配给<Dropdown.Item />