鼠标快速移动时反应js onMouseLeave不会触发答案

【问题标题】：React js onMouseLeave not fire when mouse moves fast鼠标快速移动时反应js onMouseLeave不会触发
【发布时间】：2019-10-11 14:32:54
【问题描述】：

列出以下项目：

function UserItem (props) {

const [showPic, setMode] = useState(false);

return (
<div>
    <div
      onMouseEnter={() => setMode(true)}
      onMouseLeave={() => setMode(false)}
    >
      {showPic && <div>PIC</div>}  
      {!showPic && <div>{props.login}</div>}
    </div>
</div>    
)
}

问题是当鼠标快速移动时，onMouseLeave 不会在所有项目上触发。我知道这与授权有关。但无法弄清楚究竟是什么。这两个事件都应该在它们附加到的确切元素上触发。有什么想法吗？

【问题讨论】：

标签： reactjs event-delegation

【解决方案1】：

我不确定这是否是一个错误。但是你可以这样试试吗？

{showPic == true ? <div>PIC</div> : <div>{props.login}</div>}

如果这仍然不起作用，那么您应该提交一个错误。

【讨论】：