我有一个带有嵌套文本输入的下拉菜单。在将onClick={event => event.stopPropagation()}
添加到输入后,我可以选择一个输入并键入,但是,一旦按下空格键,下拉列表就会关闭。
我已经计算出,在下拉列表中添加multiple
或closeOnChange={false}
会使下拉列表保持打开状态,但是不会触发输入的onChange
,这意味着不会在字符串中添加空格,并且会有效地导致暂时没有
我创建了一支简单的笔来显示可能会发现的问题here。
快速而又肮脏的解决方案是添加]
onKeyUp = {(e) => { if (e.keyCode === 32) { e.target.value = e.target.value + " " e.stopPropagation()} } }
至
Input