Question

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

图像：

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

Answer 1

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

我们假设这是您的复选框点击处理程序：

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

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