我在某个时候引入了一个错误（实时版本没有这个问题），但还没有能够找出是什么导致它。
我在React中有一个按钮（它只是一个div和一个onClick）。
该按钮具有onClick和:hover CSS效果。
通过单击另一个div（第一次单击时有效）加载按钮。
加载按钮（及其 Package 内容）后，按钮在第一次单击时不做任何事情。不做任何其他事情，再次单击让它正常工作。
目前，我的onClick中有一条调试消息，所以它看起来像这样

onClick={(e) => {
                        console.log("ONclicked! " + this.props.alt);
                        // e.stopPropagation();
                        // various callbacks
                    }}>

我在所有按钮的父元素上也有类似的console.log调试消息，* 一直到根React元素 （即单击页面上的任何位置都会弹出一条消息，除了第一次单击这个特定按钮时）。即使是根元素也不会在第一次单击时注册任何内容。
第一次单击时不会显示这些消息。
同样， 不做任何其他事情 *，只需在同一位置再次单击，就会像预期的那样触发onClick。
其他关于“第一次点击不起作用”的问题我看到的都是关于第一次点击时状态不更新的问题。在我的情况下，我甚至没有尝试更新状态，我似乎根本没有得到onClick调用。
我已经查看了这个版本的所有提交，但仍然无法找出问题所在。有什么想法可以导致这种行为吗？对我来说最奇怪的部分是第二次点击有效，而第一次似乎没有做任何事情。但是在第一次和第二次点击之间，状态/DOM没有任何变化（因为第一次点击似乎根本没有注册）。我想这排除了像错误配置的pointer-events CSS规则之类的事情？
编辑：
经过进一步的探索，似乎第一次点击实际上触发了onMouseEnter，这似乎完全疯了哈哈...但我添加了一个console.log到onMouseEnter，它肯定是在我第一次点击时触发的，而不是在随后的点击。
编辑二：
但是这个mouseEnter的事情只发生在Firefox中，而不是Chrome。但是第一次点击不起作用的bug在两个浏览器中都有。
编辑3：
onMouseDown可以正常触发，但是onClick仍然只在第二次单击按钮时发生（此时onMouseDown已经触发了两次）。
另外，仔细检查并确认我没有在任何地方使用stopPropagation，这似乎是这个问题的常见来源。