语义 UI 反应 - 下拉列表中的输入不允许空间

Question

我有一个带有嵌套文本输入的下拉列表。在输入中添加onClick={event => event.stopPropagation()}后，我能够选择一个输入并输入它，但是一旦我按下空格键，下拉菜单就会关闭。

我已经计算出，在下拉列表中添加multiple或closeOnChange={false}可以使下拉列表保持打开状态，但是不会触发输入的onChange，这意味着空间不会添加到字符串中，并且它有效地导致noop。

我创建了一支简单的笔来显示可能在此处找到的问题。

Answer 1

快速而肮脏的解决方案是添加

onKeyUp = {(e) => {
if (e.keyCode === 32) {
e.target.value = e.target.value + " " 
e.stopPropagation()}
}
}

到Input