语义 UI React - 下拉列表中的输入不允许 space

Question

我有一个带有嵌套文本输入的下拉菜单。将 onClick={event => event.stopPropagation()} 添加到输入后，我可以 select 输入并输入，但是只要我按下 space 栏，下拉菜单就会关闭。

我发现在下拉列表中添加 multiple 或 closeOnChange={false} 可以保持下拉列表打开，但是输入的 onChange 不会触发，这意味着 space 没有添加到字符串中，它实际上会导致 noop。

我创建了一个简单的笔来显示可能发现的问题 here。

Answer 1

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

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

到Input

Semantic UI React - Input in Dropdown does not allow space