javascript - 选择一个值后防止选择关闭

Question

我使用 react-select 组件在 Javascript React 中创建了一个自定义下拉菜单。通过使用 optionComponent Prop ，我能够使用复选框呈现每个选项(见图)。我现在的问题是，一旦您单击任何复选框，选择选项就会关闭，这不是很好的用户体验。

图片:

因此，我的问题是，在用户单击选择右侧的箭头之前，是否有任何方法可以阻止下拉菜单关闭，以便在关闭之前勾选和取消勾选任意数量的复选框下选项。

Answer 1

你可以 stopPropagation 来自复选框元素的点击事件。

假设这是您的复选框点击处理程序:

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

这样，当复选框被点击时，它不会触发下拉菜单中的选择处理程序。