打开下拉列表时抑制React onClick事件

Question

我创建了一个codeandbox来演示该问题： https ://codesandbox.io/s/cocky-wu-mibxl

由于某种原因，下拉菜单打开后，链接上的onClick事件处理程序不会在打开下拉菜单时触发，我也不知道为什么。 我希望你能在这里帮助我。

Answer 1

mousedown事件通常在click / mouseup之前（> 50ms）发生很多，在这种情况下，dom发生了变化，并且您单击的元素不在您开始单击（mousedown）的位置，并且没有收到click事件。 您可以向useOnClickOutside cb调用添加超时，但这是非常不可靠的。

Answer 2

Javascript是一种单线程语言。 因此，要关闭<Dropdown>列表，需要首先关闭alert()框。 最接近的是注释中的变通方法，或者您可以更改单击指向OnMouseUp而不是OnClick的链接的操作。 无论哪种方式，您仍然需要关闭警报框以继续执行。