选择一个值后阻止选择关闭

-2

我已经使用react-select组件在Javascript React中创建了自定义下拉菜单。通过使用optionComponent道具，我可以使用复选框呈现每个选项（请参阅图像）。现在我的问题是，一旦你点击任何复选框，选择选项关闭，这不是一个很好的用户体验。选择一个值后阻止选择关闭

图片：

所以我的问题是，如果有防止关闭，直到用户下拉的任何方式点击在选择的右侧的箭头，使它在关闭选项之前可以勾选和取消任意数量的复选框。

2017-09-01 katfyn

https://stackoverflow.com/help/how-to-ask –

event.preventDefault（）可用于防止关闭选择。点击箭头可以编写关闭代码。 –

欢迎来到开发人员在哪里学习，分享和建立职业机会！请[edit]在此添加有意义的代码和问题描述。发布证明你的问题的[mcve]会帮助你得到更好的答案。谢谢！ – Purgatory

您可以从复选框元素点击事件stopPropagation。

假设这是你的复选框，单击处理：

onClickHandler = (e) => { 
    e.stopPropagation(); 
    //do some other logic 
}

这种方式，被点击复选框时，不会触发的下拉选择处理程序。

2017-09-01 10:43:45

回答