如何使用 React 17.0.2 检查悬停的元素答案

【问题标题】：How to check which element is hovered using React 17.0.2如何使用 React 17.0.2 检查悬停的元素
【发布时间】：2022-01-25 19:45:27
【问题描述】：

我目前正在尝试制作一个显示多张图片的网页，当我将鼠标悬停在每张图片上时，它们会根据图片显示不同的文字。我在考虑 useState 和 useEffect，但我不完全确定如何实现它。我目前的结构是我有一个带有 a 标签的列表，里面有一张图片。

【问题讨论】：

【解决方案1】：

您可能会使用内置的 onMouseEnter 和 onMouseLeave 事件，并使用包含每个图像的索引及其通过事件的信息的对象来管理状态。

<img src={picture} onMouseEnter={() => //change the state} onMouseLeave={() => //return state back to default}></img>

【讨论】：