Reactjs 演示错误：为什么React中的鼠标事件在儿童身上失败？

此错误依赖于浏览器

演示在

• Ubuntu16上的Chrome版本83.0.4103.97（64位）存在漏洞
• windows 10上的Firefox 68.10.0esr（32位）存在漏洞
• Ubuntu16上的Firefox 78.0.2（64位）没有bug

在演示应用程序中：我有一个由12个灰色正方形组成的盒子。当你拖过水井时，它们会变成蓝色。当你向后拖过它们时，它们会变成灰色，依此类推。我只在

上使用

OnMouseDown

、

OnMouseEnter

和

OnMouseUp

反应事件。

useState

hook记录在任何给定时间哪些井是蓝色的，而

useRef

hook跟踪鼠标的向下或向上移动。一旦bug出现，鼠标引用将失去跟踪

有人能解释一下，我现在（或现在）做了什么，在React中使用鼠标事件，就值得这样的跨浏览器可变性和失败吗？这不是我第一次遇到类似于简单鼠标事件的问题。我不知道如何调试这类问题。如果鼠标事件只是因为未知原因而停止触发，您会寻找什么

如何修改应用程序，使其在Chrome和FireFox中工作