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

Question

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

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

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

TIA

Answer 1

在此组件的语义UI末尾肯定是有东西的，因为其他下拉菜单都可以正常工作。如果我不得不猜测，他们会将焦点更改为列表中的第一个div，这将阻止您执行任何操作，直到选中它或关闭下拉列表。

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

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

，您的输入应如下所示：

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