应对语义UI多个搜索下拉问题

Question

我认为我遇到了一个错误，可能与Sematic UI有关。 当我单击下拉菜单并再次单击时（未选择任何内容，而是单击输入字段，光标消失了，现在无法键入任何内容。也可以通过在字段中随机输入内容来复制该内容，然后再次单击输入字段，焦点消失，然后该字段上的任何内容都无法编辑。

https://react.semantic-ui.com/maximize/dropdown-example-multiple-search-selection/

任何人都可以帮助我解决这个问题？

TIA

Answer 1

特别是对于此组件，这绝对是语义UI方面的东西，因为其他下拉列表可以正常工作。 如果我不得不猜测，他们会将焦点更改为列表中的第一个div ，这将阻止您执行任何操作，直到选中它或关闭下拉列表。

您应该能够使用“多项选择”下拉列表，并在列表框div内添加input标签以创建自己的搜索功能。 在div中输入内容后，您可以使用state创建自己的搜索：

state = {
    search: ''
};
onInputChange = (event) => {
    this.setState({
        search: event.target.value
    });
}

您的输入将如下所示：

<input type="text" value={ this.state.search } onChange={ this.onInputChange }